diff --git a/nezha-fronted/src/assets/css/font/iconfont.ttf b/nezha-fronted/src/assets/css/font/iconfont.ttf
index c92c1b537..038c5a4c8 100644
Binary files a/nezha-fronted/src/assets/css/font/iconfont.ttf and b/nezha-fronted/src/assets/css/font/iconfont.ttf differ
diff --git a/nezha-fronted/src/assets/css/font/iconfont.woff b/nezha-fronted/src/assets/css/font/iconfont.woff
index 55b1b1e4b..4cbd553ee 100644
Binary files a/nezha-fronted/src/assets/css/font/iconfont.woff and b/nezha-fronted/src/assets/css/font/iconfont.woff differ
diff --git a/nezha-fronted/src/assets/css/font/iconfont.woff2 b/nezha-fronted/src/assets/css/font/iconfont.woff2
index de1a81430..10bcc779a 100644
Binary files a/nezha-fronted/src/assets/css/font/iconfont.woff2 and b/nezha-fronted/src/assets/css/font/iconfont.woff2 differ
diff --git a/nezha-fronted/src/assets/css/nzIcon.css b/nezha-fronted/src/assets/css/nzIcon.css
index 8465d7ff6..1fc4515c6 100644
--- a/nezha-fronted/src/assets/css/nzIcon.css
+++ b/nezha-fronted/src/assets/css/nzIcon.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "nz-icon"; /* Project id 2030432 */
-  src: url('./font/iconfont.woff2?t=1620386069576') format('woff2'),
-  url('./font/iconfont.woff?t=1620386069576') format('woff'),
-  url('./font/iconfont.ttf?t=1620386069576') format('truetype');
+  src: url('./font/iconfont.woff2?t=1620896882957') format('woff2'),
+  url('./font/iconfont.woff?t=1620896882957') format('woff'),
+  url('./font/iconfont.ttf?t=1620896882957') format('truetype');
 }
 
 .nz-icon {
@@ -97,6 +97,10 @@
   content: "\e719";
 }
 
+.nz-icon-create-square:before {
+  content: "\ebff";
+}
+
 .nz-icon-cabinet:before {
   content: "\e718";
 }
@@ -581,7 +585,7 @@
   content: "\e681";
 }
 
-.nz-icon-create-square:before {
+.nz-icon-create-square-copy:before {
   content: "\e685";
 }
 
diff --git a/nezha-fronted/src/components/common/language/cn.js b/nezha-fronted/src/components/common/language/cn.js
index a16fcf502..02fa93354 100644
--- a/nezha-fronted/src/components/common/language/cn.js
+++ b/nezha-fronted/src/components/common/language/cn.js
@@ -848,7 +848,8 @@ const cn = {
         method: '方式',
         encryption: '加密',
         pin: '密码',
-        create: '创建SNMP'
+        edit: '编辑证书',
+        create: '创建证书'
       }
     },
     system: {
diff --git a/nezha-fronted/src/components/common/language/en.js b/nezha-fronted/src/components/common/language/en.js
index 80ead8489..a610677a6 100644
--- a/nezha-fronted/src/components/common/language/en.js
+++ b/nezha-fronted/src/components/common/language/en.js
@@ -851,8 +851,8 @@ const en = {
         type: 'Protocol type',
         port: 'Port',
         remark: 'Description',
-        edit: 'Edit',
-        create: 'Create',
+        edit: 'Edit credential',
+        create: 'Create credential',
         auth: 'Authentication',
         method: 'Method',
         encryption: 'Encryption',
diff --git a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
index 99387974a..afbe8d1be 100644
--- a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
@@ -28,10 +28,10 @@
               <el-input placeholder=""   v-model.number="editCredential.port" size="small" id="credential-box-input-port"></el-input>
             </el-form-item>
             <el-form-item label='Read community' prop="readCommunity" v-if="editCredential.type ===1 || editCredential.type === 2">
-              <el-input placeholder=""   v-model="editCredential.config.readCommunity" size="small" id="credential-box-input-readCommunity"></el-input>
+              <el-input placeholder="" autocomplete="new-password"  v-model="editCredential.config.readCommunity" size="small" id="credential-box-input-readCommunity"></el-input>
             </el-form-item>
             <el-form-item label='Write community' prop="writeCommunity" v-if="editCredential.type ===1 || editCredential.type === 2">
-              <el-input placeholder=""   v-model="editCredential.config.writeCommunity" size="small" id="credential-box-input-writeCommunity" type="password" show-password></el-input>
+              <el-input placeholder="" autocomplete="new-password"  v-model="editCredential.config.writeCommunity" size="small" id="credential-box-input-writeCommunity" type="password" show-password></el-input>
             </el-form-item>
             <el-form-item label="Username" prop="username" v-if="editCredential.type === 3">
               <el-input placeholder=""   v-model="editCredential.config.username" size="small" id="credential-box-input-username"></el-input>
@@ -51,7 +51,7 @@
               </el-select>
             </el-form-item>
             <el-form-item :label='$t("config.mib.credential.pin")' prop="authPin" v-if="editCredential.type === 3">
-              <el-input placeholder=""   v-model="editCredential.config.authPin" size="small" id="credential-box-input-authPin" type="password" show-password></el-input>
+              <el-input placeholder=""  autocomplete="new-password"  v-model="editCredential.config.authPin" size="small" id="credential-box-input-authPin" type="password" show-password></el-input>
             </el-form-item>
 
             <div class="right-box-sub-title" v-if="editCredential.type === 3">{{$t('config.mib.credential.encryption')}}</div>
@@ -65,7 +65,7 @@
               </el-select>
             </el-form-item>
             <el-form-item :label='$t("config.mib.credential.pin")' prop="privPin"  v-if="editCredential.type === 3">
-              <el-input placeholder=""   v-model="editCredential.config.privPin" size="small" id="credential-box-input-privPin" :disabled="!editCredential.config.authProtocol || editCredential.config.authProtocol === ''" type="password" show-password></el-input>
+              <el-input placeholder=""  autocomplete="new-password"  v-model="editCredential.config.privPin" size="small" id="credential-box-input-privPin" :disabled="!editCredential.config.authProtocol || editCredential.config.authProtocol === ''" type="password" show-password></el-input>
             </el-form-item>
           </el-form>
         </div>
@@ -220,7 +220,9 @@ export default {
       deep: true,
       handler (n, o) {
         this.editCredential = JSON.parse(JSON.stringify(n))
-        this.editCredential.config = JSON.parse(this.editCredential.config)
+        if (this.editCredential.config) {
+          this.editCredential.config = JSON.parse(this.editCredential.config)
+        }
       }
     }
   }
diff --git a/nezha-fronted/src/components/page/config/credentials.vue b/nezha-fronted/src/components/page/config/credentials.vue
index 83f3ff90e..d7047e5d5 100644
--- a/nezha-fronted/src/components/page/config/credentials.vue
+++ b/nezha-fronted/src/components/page/config/credentials.vue
@@ -111,6 +111,12 @@ export default {
     },
     toBrowserTab () {
       this.$emit('toBrowserTab')
+    },
+    closeSnmpBox (refresh) {
+      this.rightBox.show = false
+      if (refresh) {
+        this.getTableData()
+      }
     }
   }
 }