diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiBody.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiBody.vue
index 0690c27125..e2261d1116 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiBody.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiBody.vue
@@ -213,7 +213,7 @@ const emits = defineEmits(['headersChange'])
         {{ t('datasource.body_raw') }}
       </el-radio>
     </el-radio-group>
-    <div v-if="apiBody.type == 'Form_Data' || apiBody.type == 'WWW_FORM'">
+    <div style="padding-top: 16px" v-if="apiBody.type == 'Form_Data' || apiBody.type == 'WWW_FORM'">
       <api-variable
         :is-read-only="isReadOnly"
         :parameters="apiBody.kvs"
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 d701d7d8f6..b06b4da22b 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
@@ -265,7 +265,7 @@ const timeFunLists = [
       </template>
     </draggable>
 
-    <el-button @click="change" text>
+    <el-button style="margin-top: 14px" @click="change" text>
       <template #icon>
         <icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></icon>
       </template>