From 0c00ac9015d03211db682d86e42f1acb317b132a Mon Sep 17 00:00:00 2001
From: Naveen Chand <naveen.s.chand@okta.com>
Date: Thu, 4 Jun 2026 20:37:09 +0530
Subject: [PATCH 1/2] fix(react): fix mfa dialog similar to other dialog
 component

---
 .../auth0/my-account/shared/mfa/user-mfa-setup-form.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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'],
         )}
       >

From dd77cd5a4e4d51d8e3fe9a1cc543a31510d34ff9 Mon Sep 17 00:00:00 2001
From: Naveen Chand <naveen.s.chand@okta.com>
Date: Thu, 4 Jun 2026 20:39:29 +0530
Subject: [PATCH 2/2] fix(react): fix mfa component page in example app

---
 examples/react-spa-npm/src/views/mfa-page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/react-spa-npm/src/views/mfa-page.tsx b/examples/react-spa-npm/src/views/mfa-page.tsx
index 0ea69996..23b7132b 100644
--- a/examples/react-spa-npm/src/views/mfa-page.tsx
+++ b/examples/react-spa-npm/src/views/mfa-page.tsx
@@ -2,7 +2,7 @@ import { UserMFAMgmt } from '@auth0/universal-components-react';
 
 const MFAPage = () => {
   return (
-    <div className="space-y-6">
+    <div className="p-6 pt-8 space-y-6">
       <UserMFAMgmt />
     </div>
   );