diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index f1926382d..2989f5018 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -888,6 +888,8 @@ const message = {
         complexityHelper:
             'The password must contain at least eight characters and contain at least three uppercase letters, lowercase letters, digits, and special characters',
         mfa: 'MFA',
+        mfaAlert:
+            'MFA password is generated based on the current time. Please ensure that the server time is synchronized.',
         mfaHelper: 'After this function is enabled, the mobile application verification code will be verified',
         mfaHelper1: 'Download a MFA verification mobile app e.g.:',
         mfaHelper2: 'Scan the following QR code using the mobile app to obtain the 6-digit verification code',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index 2704aee93..67c1a80fd 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -925,6 +925,7 @@ const message = {
         complexity: '密码复杂度验证',
         complexityHelper: '开启后密码必须满足密码长度大于 8 位且包含字母、数字及特殊字符',
         mfa: '两步验证',
+        mfaAlert: '两步验证密码是基于当前时间生成，请确保服务器时间已同步',
         mfaHelper: '开启后会验证手机应用验证码',
         mfaHelper1: '下载两步验证手机应用 如:',
         mfaHelper2: '使用手机应用扫描以下二维码，获取 6 位验证码',
diff --git a/frontend/src/views/setting/safe/mfa/index.vue b/frontend/src/views/setting/safe/mfa/index.vue
index a26d73a6f..86b4fc945 100644
--- a/frontend/src/views/setting/safe/mfa/index.vue
+++ b/frontend/src/views/setting/safe/mfa/index.vue
@@ -10,7 +10,21 @@
             <template #header>
                 <DrawerHeader :header="$t('setting.mfa')" :back="handleClose" />
             </template>
-            <el-form :model="form" ref="formRef" @submit.prevent v-loading="loading" label-position="top">
+            <el-alert :closable="false" type="warning">
+                <template #default>
+                    <span>
+                        <span>{{ $t('setting.mfaAlert') }}</span>
+                    </span>
+                </template>
+            </el-alert>
+            <el-form
+                :model="form"
+                style="margin-top: 20px"
+                ref="formRef"
+                @submit.prevent
+                v-loading="loading"
+                label-position="top"
+            >
                 <el-row type="flex" justify="center">
                     <el-col :span="22">
                         <el-form-item :label="$t('setting.mfaHelper1')">