diff --git a/frontend/src/components/widget/DeWidget/customInput.js b/frontend/src/components/widget/DeWidget/customInput.js
index e6d8ccf852..b33449e1c9 100644
--- a/frontend/src/components/widget/DeWidget/customInput.js
+++ b/frontend/src/components/widget/DeWidget/customInput.js
@@ -51,7 +51,11 @@ export default {
       const newValue = { brColor, wordColor, innerBgColor }
       const cssVar = this.typeTransform()
       this.styleAttrs.forEach((ele, index) => {
-        document.documentElement.style.setProperty(cssVar[index], !isPanelDe ? '' : newValue[ele])
+        if (newValue[ele]) {
+          document.documentElement.style.setProperty(cssVar[index], !isPanelDe ? '' : newValue[ele])
+        } else {
+          document.documentElement.style.removeProperty(cssVar[index])
+        }
       })
     },
   }
diff --git a/frontend/src/views/system/datasource/DsConfiguration.vue b/frontend/src/views/system/datasource/DsConfiguration.vue
index c1c0b02a60..b9cec2f697 100644
--- a/frontend/src/views/system/datasource/DsConfiguration.vue
+++ b/frontend/src/views/system/datasource/DsConfiguration.vue
@@ -497,7 +497,7 @@
             row-key="jsonPath"
             ref="apiItemTable"
           >
-            <el-table-column prop="originName" :label="$t('dataset.parse_filed')" width="255">
+            <el-table-column prop="originName" :label="$t('dataset.parse_filed')"  :show-overflow-tooltip="true" width="255">
               <template slot-scope="scope">
                 <el-checkbox
                   v-model="scope.row.checked"
@@ -1316,5 +1316,12 @@ export default {
     background: #FFFFFF;
     box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.05);
   }
+
+  .el-checkbox__label{
+    width:150px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
 }
 </style>