diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/index.vue b/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
index 347c5887b4..c41fb71edd 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
@@ -1777,10 +1777,11 @@ const getDsIconName = data => {
                         <span class="select-svg-icon">
                           <el-icon>
                             <Icon
-                              :className="`field-icon-${
-                                fieldType[[2, 3].includes(scope.row.deType) ? 2 : 0]
-                              }`"
                               ><component
+                                class="svg-icon"
+                                :class="`field-icon-${
+                                  fieldType[[2, 3].includes(scope.row.deType) ? 2 : 0]
+                                }`"
                                 :is="iconFieldMap[getIconName(scope.row.deType)]"
                               ></component
                             ></Icon>
@@ -1956,10 +1957,11 @@ const getDsIconName = data => {
                         <span class="select-svg-icon">
                           <el-icon>
                             <Icon
-                              :className="`field-icon-${
-                                fieldType[[2, 3].includes(scope.row.deType) ? 2 : 0]
-                              }`"
                               ><component
+                                class="svg-icon"
+                                :class="`field-icon-${
+                                  fieldType[[2, 3].includes(scope.row.deType) ? 2 : 0]
+                                }`"
                                 :is="iconFieldMap[getIconName(scope.row.deType)]"
                               ></component
                             ></Icon>