diff --git a/core/core-frontend/src/views/template/component/DeTemplateImport.vue b/core/core-frontend/src/views/template/component/DeTemplateImport.vue
index d59cd3d154..c80d682926 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateImport.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateImport.vue
@@ -103,6 +103,11 @@ const state = reactive({
         required: true,
         message: t('commons.input_content'),
         trigger: 'change'
+      },
+      {
+        max: 50,
+        message: t('commons.char_can_not_more_50'),
+        trigger: 'change'
       }
     ],
     categories: [
@@ -153,6 +158,10 @@ const saveTemplate = () => {
     ElMessage.warning(t('chart.name_can_not_empty'))
     return false
   }
+  if (state.templateInfo.name.length > 50) {
+    ElMessage.warning(t('commons.char_can_not_more_50'))
+    return false
+  }
   if (!state.templateInfo.templateData) {
     ElMessage.warning(t('chart.template_can_not_empty'))
     return false
@@ -278,7 +287,7 @@ if (props.templateId) {
   justify-content: flex-end;
 }
 .preview {
-  margin-top: -12px;
+  margin-top: -5px;
   border: 1px solid #e6e6e6;
   height: 300px !important;
   overflow: auto;
diff --git a/core/core-frontend/src/views/template/component/DeTemplateList.vue b/core/core-frontend/src/views/template/component/DeTemplateList.vue
index 78365e8563..d732358412 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateList.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateList.vue
@@ -17,9 +17,6 @@
         :class="[{ select: state.activeTemplate === ele.id }]"
         @click="nodeClick(ele)"
       >
-        <el-icon class="de-icon-sense">
-          <Icon name="scene" />
-        </el-icon>
         <span class="text-template-overflow" :title="ele.name">{{ ele.name }}</span>
         <span class="more" @click.stop>
           <el-dropdown trigger="click" size="small" @command="type => clickMore(type, ele)">