diff --git a/frontend/src/business/components/api/definition/ApiDefinition.vue b/frontend/src/business/components/api/definition/ApiDefinition.vue
index ce2f5d5a9e..12ba552365 100644
--- a/frontend/src/business/components/api/definition/ApiDefinition.vue
+++ b/frontend/src/business/components/api/definition/ApiDefinition.vue
@@ -998,7 +998,8 @@ export default {
 <style scoped>
 
 .ms-api-div {
-  overflow-y: auto;
+  overflow-y: hidden;
+  height: calc(100vh - 100px)
 }
 
 /deep/ .el-main {
diff --git a/frontend/src/business/components/api/definition/components/EditCompleteContainer.vue b/frontend/src/business/components/api/definition/components/EditCompleteContainer.vue
index 645488d42a..71d1766a2d 100644
--- a/frontend/src/business/components/api/definition/components/EditCompleteContainer.vue
+++ b/frontend/src/business/components/api/definition/components/EditCompleteContainer.vue
@@ -1,7 +1,7 @@
 <template>
-  <el-card class="card-content" v-if="isShow && !loading">
-    <ms-container v-loading="loading" style="overflow: auto">
-      <ms-aside-container>
+  <el-card v-if="isShow && !loading" class="ms-api-card">
+    <ms-container v-loading="loading">
+      <ms-aside-container :height="leftHeight">
         <api-base-info
           ref="apiBaseInfo"
           :api-template="apiTemplate"
@@ -15,7 +15,7 @@
           :module-options="moduleOptions"
         />
       </ms-aside-container>
-      <ms-main-container class="ms-scenario-main-container">
+      <ms-main-container class="ms-api-main-container">
         <el-button-group v-if="currentApi.id" style="z-index: 10; position: fixed;">
           <el-button :class="{active: showApiList}" class="item" plain size="small" @click="changeTab('api')">
             API
@@ -201,7 +201,13 @@ export default {
       default: false,
     },
   },
+  computed: {
+    leftHeight() {
+      return 'calc(100vh - 100px)';
+    }
+  },
   created() {
+    console.log(this.leftHeight)
     this.refreshButtonActiveClass(this.activeDom);
     getApiFieldTemplate(this)
       .then((template) => {
@@ -493,4 +499,11 @@ export default {
   margin-top: 5px;
 }
 
+.ms-api-main-container {
+  height: calc(100vh - 100px);
+}
+
+.ms-api-card >>> .el-card__body {
+  padding: 0px;
+}
 </style>
diff --git a/frontend/src/business/components/api/definition/components/complete/ApiBaseInfo.vue b/frontend/src/business/components/api/definition/components/complete/ApiBaseInfo.vue
index bbb0d5ea5c..302eb07e9c 100644
--- a/frontend/src/business/components/api/definition/components/complete/ApiBaseInfo.vue
+++ b/frontend/src/business/components/api/definition/components/complete/ApiBaseInfo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-loading="isloading">
+  <div v-loading="isloading" class="ms-base-div">
     <el-form ref="apiForm" :model="basicForm" :rules="rules" class="case-form" label-position="right"
              label-width="80px"
              size="small"
@@ -242,5 +242,8 @@ export default {
 </script>
 
 <style scoped>
-
+.ms-base-div {
+  height: calc(100vh - 100px) !important;
+  overflow: auto !important;
+}
 </style>