diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
index 610997881c..15bc86f791 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
@@ -853,7 +853,7 @@ defineExpose({
                   <span
                     :title="scope.row.originName"
                     class="ellipsis"
-                    style="display: inline-block; max-width: 80px"
+                    style="display: inline-block; max-width: 80px; line-height: 16px"
                     >{{ scope.row.originName }}</span
                   >
                 </el-checkbox>
diff --git a/core/core-frontend/src/views/visualized/data/datasource/index.vue b/core/core-frontend/src/views/visualized/data/datasource/index.vue
index 0e12130fe3..bfa7fefd7f 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/index.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/index.vue
@@ -1826,24 +1826,26 @@ const getMenuList = (val: boolean) => {
       width="840px"
       top="60px"
     >
-      <el-row :gutter="24">
-        <el-col :span="12">
-          <p class="table-name">
-            {{ t('datasource.table_name') }}
-          </p>
-          <p class="table-value">
-            {{ dsTableDetail.tableName }}
-          </p>
-        </el-col>
-        <el-col :span="12">
-          <p class="table-name">
-            {{ t('datasource.table_description') }}
-          </p>
-          <p class="table-value">
-            {{ dsTableDetail.name || '-' }}
-          </p>
-        </el-col>
-      </el-row>
+      <div style="overflow: hidden">
+        <el-row :gutter="24">
+          <el-col :span="12">
+            <p class="table-name">
+              {{ t('datasource.table_name') }}
+            </p>
+            <p class="table-value">
+              {{ dsTableDetail.tableName }}
+            </p>
+          </el-col>
+          <el-col :span="12">
+            <p class="table-name">
+              {{ t('datasource.table_description') }}
+            </p>
+            <p class="table-value">
+              {{ dsTableDetail.name || '-' }}
+            </p>
+          </el-col>
+        </el-row>
+      </div>
       <el-scrollbar>
         <el-table
           v-loading="dsTableDataLoading"
@@ -2324,7 +2326,7 @@ const getMenuList = (val: boolean) => {
 }
 
 .custom-tree-node {
-  width: calc(100% - 30px);
+  width: calc(100% - 34px);
   display: flex;
   align-items: center;
   box-sizing: content-box;