Merge pull request #327 from auth0/fix/mfa-dialog-width

NaveenChand755 · web-flow · commit 32ee2d5f0b25 · 2026-06-08T11:25:15.000+05:30
fix(react): fix mfa dialog similar to other dialog component
diff --git a/packages/react/src/components/auth0/my-account/shared/mfa/delete-factor-confirmation.tsx b/packages/react/src/components/auth0/my-account/shared/mfa/delete-factor-confirmation.tsx
@@ -57,7 +57,7 @@ export function DeleteFactorConfirmation({
       <DialogContent
         style={currentStyles?.variables}
         className={cn(
-          'w-[400px] max-h-[90vh]',
+          'w-[600px] max-h-[90vh]',
           currentStyles.classes?.['DeleteFactorConfirmation-dialogContent'],
         )}
       >
diff --git a/packages/react/src/components/auth0/my-account/shared/mfa/user-mfa-setup-form.tsx b/packages/react/src/components/auth0/my-account/shared/mfa/user-mfa-setup-form.tsx
@@ -190,7 +190,7 @@ export function UserMFASetupForm({
         style={currentStyles.variables}
         aria-describedby="mfa-setup-form"
         className={cn(
-          'w-[400px] max-h-[90vh]',
+          'w-[600px] max-h-[90vh]',
           currentStyles.classes?.['UserMFASetupForm-dialogContent'],
         )}
       >

Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,7 @@ export function DeleteFactorConfirmation({`
`57`	`57`	`<DialogContent`
`58`	`58`	`style={currentStyles?.variables}`
`59`	`59`	`className={cn(`
`60`		`- 'w-[400px] max-h-[90vh]',`
	`60`	`+ 'w-[600px] max-h-[90vh]',`
`61`	`61`	`currentStyles.classes?.['DeleteFactorConfirmation-dialogContent'],`
`62`	`62`	`)}`
`63`	`63`	`>`
Original file line number	Diff line number	Diff line change
`@@ -190,7 +190,7 @@ export function UserMFASetupForm({`
`190`	`190`	`style={currentStyles.variables}`
`191`	`191`	`aria-describedby="mfa-setup-form"`
`192`	`192`	`className={cn(`
`193`		`- 'w-[400px] max-h-[90vh]',`
	`193`	`+ 'w-[600px] max-h-[90vh]',`
`194`	`194`	`currentStyles.classes?.['UserMFASetupForm-dialogContent'],`
`195`	`195`	`)}`
`196`	`196`	`>`