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 886632d704..93845b7ac7 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
@@ -455,9 +455,11 @@ const mousedownDrag = () => {
       <div class="table-list-top">
         <p class="select-ds">
           当前数据源
-          <el-icon class="left-outlined" @click="showLeft = false">
-            <Icon name="group-3400"></Icon>
-          </el-icon>
+          <span class="left-outlined">
+            <el-icon style="color: #1f2329" @click="showLeft = false">
+              <Icon name="icon_left_outlined" />
+            </el-icon>
+          </span>
         </p>
         <el-tree-select
           :check-strictly="false"
@@ -928,10 +930,19 @@ const mousedownDrag = () => {
 
       .left-outlined {
         position: absolute;
-        font-size: 36px;
+        font-size: 12px;
         right: -30px;
         top: -5px;
-        z-index: 1;
+        height: 24px;
+        border: 1px solid #dee0e3;
+        width: 24px;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #fff;
+        box-shadow: 0px 5px 10px 0px #1f23291a;
+        z-index: 10;
       }
     }
 
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 878bff9656..3fc8dd0002 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
@@ -1257,9 +1257,11 @@ const getDsIconName = data => {
         <div class="table-list-top">
           <p class="select-ds">
             选择数据源
-            <el-icon class="left-outlined" @click="showLeft = false">
-              <Icon name="group-3400"></Icon>
-            </el-icon>
+            <span class="left-outlined">
+              <el-icon style="color: #1f2329" @click="showLeft = false">
+                <Icon name="icon_left_outlined" />
+              </el-icon>
+            </span>
           </p>
           <el-tree-select
             :check-strictly="false"
@@ -2111,10 +2113,19 @@ const getDsIconName = data => {
 
         .left-outlined {
           position: absolute;
-          font-size: 36px;
+          font-size: 12px;
           right: -30px;
           top: -5px;
-          z-index: 5;
+          height: 24px;
+          border: 1px solid #dee0e3;
+          width: 24px;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          background: #fff;
+          box-shadow: 0px 5px 10px 0px #1f23291a;
+          z-index: 10;
         }
       }
 
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 ecbece4965..f96e255188 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
@@ -91,7 +91,6 @@ let apiItem = reactive<ApiItem>({
   serialNumber: -1
 })
 let errMsg = []
-const api_table_title = ref('datasource.data_table')
 const apiItemForm = ref()
 const showEmpty = ref(false)
 const edit_api_item = ref(false)
@@ -443,7 +442,7 @@ defineExpose({
 
 <template>
   <el-drawer
-    :title="t(api_table_title)"
+    :title="activeName === 'table' ? t('datasource.data_table') : '接口参数'"
     v-model="edit_api_item"
     custom-class="api-datasource-drawer"
     size="840px"