Bug: Trailing Tab Breaks CSS Class Application

jagdeep sidhu · jagdeep sidhu · commit 624602c9b472 · 2025-08-22T23:06:51.000-07:00
A literal tab character (\t) at the end of the opacity-60 class string in the button's className prop creates an invalid CSS class, preventing the opacity style from applying correctly.
diff --git a/source/pages/SeedConfirm/CreatePhrase.tsx b/source/pages/SeedConfirm/CreatePhrase.tsx
@@ -101,7 +101,7 @@ export const CreatePhrase = ({ password }: { password: string }) => {
               id="unlock-btn"
               type="button"
               className={`bg-brand-deepPink100 ${
-                isTermsConfirmed ? 'opacity-100' : 'opacity-60\t'
+                isTermsConfirmed ? 'opacity-100' : 'opacity-60'
               } w-[17.5rem] h-10 text-white text-base font-base font-medium rounded-2xl`}
               onClick={handleNext}
             >

Original file line number	Diff line number	Diff line change
`@@ -101,7 +101,7 @@ export const CreatePhrase = ({ password }: { password: string }) => {`
`101`	`101`	`id="unlock-btn"`
`102`	`102`	`type="button"`
`103`	`103`	className={`bg-brand-deepPink100 ${
`104`		`- isTermsConfirmed ? 'opacity-100' : 'opacity-60\t'`
	`104`	`+ isTermsConfirmed ? 'opacity-100' : 'opacity-60'`
`105`	`105`	} w-[17.5rem] h-10 text-white text-base font-base font-medium rounded-2xl`}
`106`	`106`	`onClick={handleNext}`
`107`	`107`	`>`