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
index 4c74a95f..bbbe5f78 100644
--- 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
index c7f44e92..66ed2137 100644
--- 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'],
         )}
       >