diff --git a/core/core-frontend/src/custom-component/v-query/Tree.vue b/core/core-frontend/src/custom-component/v-query/Tree.vue
index e8aaa653ad..0b29fb690c 100644
--- a/core/core-frontend/src/custom-component/v-query/Tree.vue
+++ b/core/core-frontend/src/custom-component/v-query/Tree.vue
@@ -211,6 +211,8 @@ const selectStyle = computed(() => {
     @change="handleValueChange"
     :render-after-expand="false"
     show-checkbox
+    collapse-tags
+    collapse-tags-tooltip
     key="multipleTree"
     filterable
     :style="selectStyle"
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 3823090f97..886632d704 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
@@ -506,7 +506,7 @@ const mousedownDrag = () => {
           :itemSize="40"
           :data="datasourceTableData"
           :total="datasourceTableData.length"
-          :width="223"
+          :width="LeftWidth - 7"
           :height="windowHeight - 350"
           :scrollbarAlwaysOn="false"
           class-name="el-select-dropdown__list"
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 603a2455bf..878bff9656 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
@@ -1335,7 +1335,7 @@ const getDsIconName = data => {
             :itemSize="40"
             :data="datasourceTableData"
             :total="datasourceTableData.length"
-            :width="223"
+            :width="LeftWidth - 7"
             :height="height - 305"
             :scrollbarAlwaysOn="false"
             class-name="el-select-dropdown__list"