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>
   );
 };