diff --git a/core/core-frontend/src/components/visualization/LinkageSet.vue b/core/core-frontend/src/components/visualization/LinkageSet.vue
index d8eeb47291..65907aaf3d 100644
--- a/core/core-frontend/src/components/visualization/LinkageSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkageSet.vue
@@ -241,7 +241,7 @@
                     </div>
 
                     <el-button class="m-del-icon-btn" text @click="deleteLinkageField(index)">
-                      <el-icon size="20px">
+                      <el-icon size="16px">
                         <Icon name="icon_delete-trash_outlined"
                           ><icon_deleteTrash_outlined class="svg-icon"
                         /></Icon>
diff --git a/core/core-frontend/src/views/template/component/DeTemplateItem.vue b/core/core-frontend/src/views/template/component/DeTemplateItem.vue
index 9b1e984519..6dff315e13 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateItem.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateItem.vue
@@ -21,12 +21,12 @@
           <el-dropdown-menu class="de-card-dropdown">
             <slot>
               <el-dropdown-item command="templateEdit">
-                <el-icon><EditPen /></el-icon>
-                {{ t('commons.edit') }}
+                <el-icon class="opt-icon"><EditPen /></el-icon>
+                <span class="opt-name">{{ t('commons.edit') }}</span>
               </el-dropdown-item>
               <el-dropdown-item command="delete">
-                <el-icon><Delete /></el-icon>
-                {{ t('chart.delete') }}
+                <el-icon class="opt-icon"><Delete /></el-icon>
+                <span class="opt-name">{{ t('chart.delete') }}</span>
               </el-dropdown-item>
             </slot>
           </el-dropdown-menu>
@@ -181,4 +181,15 @@ const handleCommand = key => {
   color: #fff;
   padding: 3px;
 }
+.opt-icon {
+  font-size: 16px;
+  color: rgba(100, 106, 115, 1);
+}
+.opt-name {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 22px;
+  margin-left: 3px;
+  color: rgba(31, 35, 41, 1);
+}
 </style>
diff --git a/core/core-frontend/src/views/template/component/DeTemplateList.vue b/core/core-frontend/src/views/template/component/DeTemplateList.vue
index 28d7bb969d..2e2081fa1a 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateList.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateList.vue
@@ -24,12 +24,12 @@
             <template #dropdown>
               <el-dropdown-menu class="de-template-dropdown">
                 <el-dropdown-item command="edit">
-                  <el-icon><EditPen /></el-icon>
-                  {{ t('visualization.rename') }}
+                  <el-icon class="opt-icon"><EditPen /></el-icon>
+                  <span class="opt-name">{{ t('visualization.rename') }}</span>
                 </el-dropdown-item>
                 <el-dropdown-item command="delete">
-                  <el-icon><Delete /></el-icon>
-                  {{ t('visualization.delete') }}
+                  <el-icon class="opt-icon"><Delete /></el-icon>
+                  <span class="opt-name">{{ t('visualization.delete') }}</span>
                 </el-dropdown-item>
               </el-dropdown-menu>
             </template>
@@ -235,4 +235,16 @@ defineExpose({
   border: 0;
   height: 1px;
 }
+
+.opt-icon {
+  font-size: 16px;
+  color: rgba(100, 106, 115, 1);
+}
+.opt-name {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 22px;
+  margin-left: 3px;
+  color: rgba(31, 35, 41, 1);
+}
 </style>