diff --git a/web/components/sms-code/index.vue b/web/components/sms-code/index.vue
index 20db93d82..20fa974a2 100644
--- a/web/components/sms-code/index.vue
+++ b/web/components/sms-code/index.vue
@@ -1,10 +1,10 @@
 <template>
-    <div class="h-[30px] leading-[28px]">
-        <el-button type="primary" link class="!text-[12px]" :disabled="!sendSms.canGetCode.value" @click="handleClick">{{ sendSms.text.value }}</el-button>
+    <div class="h-[30px]">
+        <el-button type="primary" link :disabled="!sendSms.canGetCode.value" @click="handleClick">{{ sendSms.text.value }}</el-button>
     </div>
 
     <el-dialog v-model="captchaDialog" :title="t('captchaTitle')" width="350px" :append-to-body="true" :align-center="true">
-        <el-form :model="formData" ref="formRef" :rules="formRules">
+        <el-form :model="formData" ref="formRef" :rules="formRules"  @submit.native.prevent>
             <el-form-item prop="captcha_code" style="margin-bottom: 0;">
                 <el-input v-model="formData.captcha_code" :placeholder="t('captchaPlaceholder')">
                     <template #suffix>
@@ -59,7 +59,7 @@ const formRules = reactive({
     captcha_code: {
         required: true,
         message: t('captchaPlaceholder'),
-        trigger: ['blur']
+        trigger: ['blur', 'change']
     }
 })
 const formRef = ref<AnyObject | null>(null)
@@ -86,8 +86,6 @@ const confirm = async () => {
             if (sendRes) {
                 value.value = sendRes
                 captchaDialog.value = false
-                captcha.refresh()
-                formData.captcha_code = ''
                 loading.value = false
             } else if (sendRes === false) {
                 captcha.refresh()
diff --git a/web/package-lock.json b/web/package-lock.json
index aac0be1e0..bc6d53a11 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -6911,7 +6911,7 @@
         },
         "node_modules/qs": {
             "version": "6.7.0",
-            "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
+            "resolved": "https://registry.npmmirror.com/qs/-/qs-6.7.0.tgz",
             "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==",
             "engines": {
                 "node": ">=0.6"
@@ -7631,9 +7631,9 @@
             }
         },
         "node_modules/swiper": {
-            "version": "11.1.15",
-            "resolved": "https://registry.npmmirror.com/swiper/-/swiper-11.1.15.tgz",
-            "integrity": "sha512-IzWeU34WwC7gbhjKsjkImTuCRf+lRbO6cnxMGs88iVNKDwV+xQpBCJxZ4bNH6gSrIbbyVJ1kuGzo3JTtz//CBw==",
+            "version": "11.2.8",
+            "resolved": "https://registry.npmmirror.com/swiper/-/swiper-11.2.8.tgz",
+            "integrity": "sha512-S5FVf6zWynPWooi7pJ7lZhSUe2snTzqLuUzbd5h5PHUOhzgvW0bLKBd2wv0ixn6/5o9vwc/IkQT74CRcLJQzeg==",
             "funding": [
                 {
                     "type": "patreon",