diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue
index f2b02d7f51..befa496c7b 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue
@@ -227,8 +227,7 @@ const emits = defineEmits(['changeId'])
   }
 
   .request-tabs {
-    margin: 0 24px;
-    min-height: 200px;
+    margin: 0 16px;
 
     :deep(.ed-tabs__item) {
       font-family: var(--de-custom_font, 'PingFang');
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue
index 5a4091b3db..61473c1233 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue
@@ -254,6 +254,8 @@ const timeFunLists = [
 
 <style lang="less" scoped>
 .api-key-value {
+  padding-bottom: 14px;
+
   & > .ed-input,
   .ed-autocomplete {
     width: 100%;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiVariable.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiVariable.vue
index 0fba2c032e..23ec05d66f 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiVariable.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiVariable.vue
@@ -309,6 +309,7 @@ const timeFunLists = [
 
 <style lang="less" scoped>
 .api-variable {
+  padding-bottom: 14px;
   & > .ed-input,
   :deep(.ed-autocomplete) {
     width: 100%;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/Pagination.vue b/core/core-frontend/src/views/visualized/data/datasource/form/Pagination.vue
index f1859c3f8b..1c62bf0eea 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/Pagination.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/Pagination.vue
@@ -124,7 +124,11 @@ const handleNumberSizeChange = () => {
 <template>
   <div class="api-pagination">
     <span class="type">{{ t('api_pagination.pagination_method') }}</span>
-    <el-select v-model="page.pageType" @change="handleNumberSizeChange" style="width: 100%">
+    <el-select
+      v-model="page.pageType"
+      @change="handleNumberSizeChange"
+      style="width: 100%; margin-top: 8px"
+    >
       <el-option
         v-for="item in options"
         :key="item.value"
@@ -195,7 +199,6 @@ const handleNumberSizeChange = () => {
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
-    margin-bottom: 8px;
   }
 
   .table-title {