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 e2261d1116..d8eca16f4b 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
@@ -191,7 +191,7 @@ const emits = defineEmits(['headersChange'])
 </script>
 
 <template>
-  <div>
+  <div class="radio-group_api">
     <el-radio-group v-model="apiBody.type">
       <el-radio :disabled="isReadOnly" :label="BODY_TYPE.FORM_DATA" @change="modeChange">
         {{ t('datasource.body_form_data') }}
@@ -264,6 +264,12 @@ const emits = defineEmits(['headersChange'])
 </template>
 
 <style lang="less" scoped>
+.radio-group_api {
+  :deep(.ed-radio) {
+    height: 22px !important;
+    line-height: 22px !important;
+  }
+}
 .ms-body {
   padding: 15px 0;
 }