diff --git a/frontend/src/components/widget/DeWidget/DeNumberRange.vue b/frontend/src/components/widget/DeWidget/DeNumberRange.vue
index d3340508dd..604be92167 100644
--- a/frontend/src/components/widget/DeWidget/DeNumberRange.vue
+++ b/frontend/src/components/widget/DeWidget/DeNumberRange.vue
@@ -24,7 +24,7 @@
       <span>{{ $t('denumberrange.split_placeholder') }}</span>
       <el-form-item
         prop="max"
-        style="padding-right: 0px;width: calc(50% - 6px) !important;"
+        style="padding-right: 0px;width: calc(50% - 4px) !important;"
       >
         <el-input
           ref="de-number-range-max"
diff --git a/frontend/src/components/widget/serviceImpl/NumberRangeServiceImpl.js b/frontend/src/components/widget/serviceImpl/NumberRangeServiceImpl.js
index 6228148554..9b1c1dca25 100644
--- a/frontend/src/components/widget/serviceImpl/NumberRangeServiceImpl.js
+++ b/frontend/src/components/widget/serviceImpl/NumberRangeServiceImpl.js
@@ -24,8 +24,7 @@ const dialogPanel = {
 const drawPanel = {
   type: 'custom',
   style: {
-    width: 500,
-    // height: 45.5,
+    width: 300,
     height: 90,
     fontSize: 14,
     fontWeight: 500,
diff --git a/frontend/src/views/panel/filter/filterMain/FilterControl.vue b/frontend/src/views/panel/filter/filterMain/FilterControl.vue
index 721fa8e187..d4234d9e74 100644
--- a/frontend/src/views/panel/filter/filterMain/FilterControl.vue
+++ b/frontend/src/views/panel/filter/filterMain/FilterControl.vue
@@ -239,7 +239,7 @@ export default {
   watch: {
     'childViews.datasetParams': {
       handler(newName, oldName) {
-        if (this.attrs.parameters.length > 0 && this.attrs.parameters[0].indexOf('|DE|') === -1) {
+        if (this.attrs.parameters?.length && this.attrs.parameters[0].indexOf('|DE|') === -1) {
           const parameters = []
           for (var i = 0; i < this.attrs.parameters.length; i++) {
             if (this.attrs.parameters[i].indexOf('|DE|') === -1) {