diff --git a/app/javascript/dashboard/routes/dashboard/settings/profile/MfaManagementActions.vue b/app/javascript/dashboard/routes/dashboard/settings/profile/MfaManagementActions.vue
index a93286b67..f60470f92 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/profile/MfaManagementActions.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/profile/MfaManagementActions.vue
@@ -183,17 +183,16 @@ defineExpose({
           :label="$t('MFA_SETTINGS.DISABLE.BACKUP_CODE')"
           :placeholder="$t('MFA_SETTINGS.DISABLE.BACKUP_CODE_PLACEHOLDER')"
         />
-        <button
-          type="button"
-          class="text-sm text-n-brand hover:underline"
-          @click="toggleDisableMethod"
-        >
-          {{
+        <Button
+          link
+          sm
+          :label="
             useBackupCodeToDisable
               ? $t('MFA_SETTINGS.DISABLE.USE_OTP_CODE')
               : $t('MFA_SETTINGS.DISABLE.USE_BACKUP_CODE')
-          }}
-        </button>
+          "
+          @click="toggleDisableMethod"
+        />
       </div>
     </Dialog>