diff --git a/src/components/MfaDetails/MfaDetails.vue b/src/components/MfaDetails/MfaDetails.vue
index 26d292f..2c400dd 100644
--- a/src/components/MfaDetails/MfaDetails.vue
+++ b/src/components/MfaDetails/MfaDetails.vue
@@ -128,6 +128,11 @@ watch(isMFAEnabled, () => {
             class="text-app-gray-900 dark:text-app-white w-5 h-5"
             name="mail-icon"
           />
+          <Icon
+            v-else-if="userInfo?.typeOfLogin === 'sms_passwordless'"
+            class="text-app-gray-900 dark:text-app-white w-5 h-5"
+            name="annotation-icon"
+          />
           <img
             v-else
             class="w-5 h-5"
diff --git a/src/icons/index.ts b/src/icons/index.ts
index 058ac03..6a0bc4d 100644
--- a/src/icons/index.ts
+++ b/src/icons/index.ts
@@ -23,6 +23,7 @@ import {
   WechatIcon
 } from '@toruslabs/vue-icons/auth'
 import { ChartBarSolidIcon } from '@toruslabs/vue-icons/charts'
+import { AnnotationIcon } from '@toruslabs/vue-icons/chatting'
 import { RssIcon } from '@toruslabs/vue-icons/connection'
 import { ColorSwatchSolidIcon, DocumentDuplicateIcon } from '@toruslabs/vue-icons/file'
 import { MobileIcon } from '@toruslabs/vue-icons/gadgets'
@@ -100,5 +101,6 @@ export default {
   ShieldCheckIcon,
   FingerPrintIcon,
   SparklesSolidIcon,
-  ChevronRightSolidIcon
+  ChevronRightSolidIcon,
+  AnnotationIcon
 } as unknown as IconSets