diff --git a/frontend/src/views/dataset/add/AddExcel.vue b/frontend/src/views/dataset/add/AddExcel.vue
index b5ed0fe666..3ca0f03226 100644
--- a/frontend/src/views/dataset/add/AddExcel.vue
+++ b/frontend/src/views/dataset/add/AddExcel.vue
@@ -73,7 +73,7 @@
             :title="data.excelLable"
             class="custom-tree-node"
           >
-            {{ data.excelLable }}
+            <span class="label">{{ data.excelLable }}</span>
             <span
               v-if="
                 (data.nameExsit && !param.tableId) ||
@@ -665,9 +665,13 @@ export default {
       .custom-tree-node {
         position: relative;
         width: 80%;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
+        display: flex;
+        .label {
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          width: 85%;
+        }
       }
       .error-name-exsit {
         position: absolute;
@@ -702,6 +706,7 @@ export default {
   .table-detail {
     font-family: PingFang SC;
     flex: 1;
+    overflow-x: auto;
 
     .dataset {
       padding: 21px 24px;
diff --git a/frontend/src/views/system/datasource/DsConfiguration.vue b/frontend/src/views/system/datasource/DsConfiguration.vue
index ecaa8dcd50..f07f5da8e6 100644
--- a/frontend/src/views/system/datasource/DsConfiguration.vue
+++ b/frontend/src/views/system/datasource/DsConfiguration.vue
@@ -102,7 +102,7 @@
             </div>
             <div class="req-value">
               <span>{{ api.method }}</span>
-              <span>{{ api.url }}</span>
+              <span :title="api.url">{{ api.url }}</span>
             </div>
           </div>
         </template>
@@ -1544,6 +1544,10 @@ export default {
     }
     :nth-child(2) {
       margin-left: 84px;
+      max-width: 415px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
   }
   .req-title {