diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue b/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
index 861a46f850..900132c1c3 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
@@ -527,8 +527,7 @@ const mousedownDrag = () => {
                       {{ ele.name }}
                     </div>
                     <el-icon
-                      style="color: var(--ed-color-primary)!important"
-                      class="hover-icon"
+                      class="hover-icon de-hover-icon-primary"
                       @click.stop="copyInfo(ele.name)"
                     >
                       <Icon name="icon_copy_outlined"></Icon>
@@ -563,8 +562,7 @@ const mousedownDrag = () => {
                       <el-table-column :label="t('common.operate')">
                         <template #default="scope">
                           <el-icon
-                            style="color: var(--ed-color-primary)!important"
-                            class="hover-icon"
+                            class="hover-icon de-hover-icon-primary"
                             @click.stop="copyInfo(scope.row.originName)"
                           >
                             <Icon name="icon_copy_outlined"></Icon>
@@ -1119,6 +1117,9 @@ const mousedownDrag = () => {
 }
 </style>
 <style lang="less">
+.de-hover-icon-primary {
+  color: var(--ed-color-primary) !important;
+}
 .sql-tips {
   color: #646a73;
   text-align: center;