From c1d7df329a34cafe405f271b171509e53c0d5a28 Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Wed, 25 Oct 2023 13:59:11 +0800
Subject: [PATCH] style(experience): increase padding for binding backup code
 page (#4744)

---
 .../BackupCodeBinding/index.module.scss        |  2 +-
 .../MfaBinding/BackupCodeBinding/index.tsx     | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.module.scss b/packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.module.scss
index fddb05fc5..3d1fd4990 100644
--- a/packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.module.scss
+++ b/packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.module.scss
@@ -4,7 +4,7 @@
   @include _.flex-column(center);
   align-items: stretch;
   gap: _.unit(4);
-  margin-bottom: _.unit(4);
+  padding-bottom: _.unit(6);
 }
 
 .backupCodes {
diff --git a/packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.tsx b/packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.tsx
index 57c49fdbf..783b26af3 100644
--- a/packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.tsx
+++ b/packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.tsx
@@ -61,16 +61,16 @@ const BackupCodeBinding = () => {
         <div className={styles.hint}>
           <DynamicT forKey="mfa.backup_code_hint" />
         </div>
+        <Button
+          title="action.continue"
+          onClick={() => {
+            void sendMfaPayload({
+              flow: UserMfaFlow.MfaBinding,
+              payload: { type: MfaFactor.BackupCode },
+            });
+          }}
+        />
       </div>
-      <Button
-        title="action.continue"
-        onClick={() => {
-          void sendMfaPayload({
-            flow: UserMfaFlow.MfaBinding,
-            payload: { type: MfaFactor.BackupCode },
-          });
-        }}
-      />
     </SecondaryPageLayout>
   );
 };