From 365e8c201a9e243ad3f8633ccd07679be843675d Mon Sep 17 00:00:00 2001
From: Tanmay Deep Sharma <tanmaydeepsharma21@gmail.com>
Date: Tue, 21 Apr 2026 10:24:05 +0700
Subject: [PATCH] refactor(mfa): use Button link variant for toggle in disable
 dialog

---
 .../settings/profile/MfaManagementActions.vue     | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

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>