diff --git a/frontend/src/business/components/api/definition/components/environment/ApiEnvironmentConfig.vue b/frontend/src/business/components/api/definition/components/environment/ApiEnvironmentConfig.vue
index 69c026d336..e650eda94e 100644
--- a/frontend/src/business/components/api/definition/components/environment/ApiEnvironmentConfig.vue
+++ b/frontend/src/business/components/api/definition/components/environment/ApiEnvironmentConfig.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-dialog :close-on-click-modal="false" :title="$t('api_test.environment.environment_config')"
-               :visible.sync="visible" class="environment-dialog" width="60%"
+               :visible.sync="visible" class="environment-dialog" width="80%"
                @close="close" append-to-body destroy-on-close ref="environmentConfig">
       <el-container v-loading="result.loading">
         <ms-aside-item :enable-aside-hidden="false" :title="$t('api_test.environment.environment_list')"
diff --git a/frontend/src/business/components/api/definition/components/request/components/ApiDefinitionStepButton.vue b/frontend/src/business/components/api/definition/components/request/components/ApiDefinitionStepButton.vue
index e8b636ede5..3951f64d5c 100644
--- a/frontend/src/business/components/api/definition/components/request/components/ApiDefinitionStepButton.vue
+++ b/frontend/src/business/components/api/definition/components/request/components/ApiDefinitionStepButton.vue
@@ -1,16 +1,16 @@
 <template>
   <el-col :span="3" class="ms-left-cell">
-    <el-button class="ms-left-buttion" size="small" @click="addPre">+{{$t('api_test.definition.request.pre_script')}}</el-button>
+    <el-button class="ms-left-button" size="small" @click="addPre">+{{$t('api_test.definition.request.pre_script')}}</el-button>
     <br/>
-    <el-button class="ms-left-buttion" size="small" @click="addPost">+{{$t('api_test.definition.request.post_script')}}</el-button>
+    <el-button class="ms-left-button" size="small" @click="addPost">+{{$t('api_test.definition.request.post_script')}}</el-button>
     <br/>
-    <el-button class="ms-left-buttion" size="small" @click="addPreSql">+{{$t('api_test.definition.request.pre_sql')}}</el-button>
+    <el-button class="ms-left-button" size="small" @click="addPreSql">+{{$t('api_test.definition.request.pre_sql')}}</el-button>
     <br/>
-    <el-button class="ms-left-buttion" size="small" @click="addPostSql">+{{$t('api_test.definition.request.post_sql')}}</el-button>
+    <el-button class="ms-left-button" size="small" @click="addPostSql">+{{$t('api_test.definition.request.post_sql')}}</el-button>
     <br/>
-    <el-button class="ms-left-buttion" size="small" @click="addAssertions">+{{$t('api_test.definition.request.assertions_rule')}}</el-button>
+    <el-button class="ms-left-button" size="small" @click="addAssertions">+{{$t('api_test.definition.request.assertions_rule')}}</el-button>
     <br/>
-    <el-button class="ms-left-buttion" size="small" @click="addExtract">+{{$t('api_test.definition.request.extract_param')}}</el-button>
+    <el-button class="ms-left-button" size="small" @click="addExtract">+{{$t('api_test.definition.request.extract_param')}}</el-button>
   </el-col>
 </template>
 
@@ -117,7 +117,7 @@
     margin-top: 30px;
   }
 
-  .ms-left-buttion {
+  .ms-left-button {
     margin: 6px 0px 8px 30px;
   }
 
diff --git a/frontend/src/business/components/api/test/components/ApiEnvironmentConfig.vue b/frontend/src/business/components/api/test/components/ApiEnvironmentConfig.vue
index 4b07c321cf..6e3daaccd8 100644
--- a/frontend/src/business/components/api/test/components/ApiEnvironmentConfig.vue
+++ b/frontend/src/business/components/api/test/components/ApiEnvironmentConfig.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-dialog :close-on-click-modal="false" :title="$t('api_test.environment.environment_config')"
-               :visible.sync="visible" class="environment-dialog" width="60%"
+               :visible.sync="visible" class="environment-dialog" width="80%"
                @close="close" append-to-body destroy-on-close ref="environmentConfig">
       <el-container v-loading="result.loading">
         <ms-aside-item :enable-aside-hidden="false" :title="$t('api_test.environment.environment_list')"
diff --git a/frontend/src/business/components/common/head/AboutUs.vue b/frontend/src/business/components/common/head/AboutUs.vue
index ec17020730..5ef944cf78 100644
--- a/frontend/src/business/components/common/head/AboutUs.vue
+++ b/frontend/src/business/components/common/head/AboutUs.vue
@@ -1,7 +1,7 @@
 <template>
   <el-dialog
     :title="$t('commons.about_us')"
-    :visible.sync="dialogVisible" class="about-us">
+    :visible.sync="dialogVisible" class="about-us" append-to-body>
 
     <el-row>
       <el-col>
diff --git a/frontend/src/business/components/common/head/HeaderUser.vue b/frontend/src/business/components/common/head/HeaderUser.vue
index 214a95579f..b132c749fc 100644
--- a/frontend/src/business/components/common/head/HeaderUser.vue
+++ b/frontend/src/business/components/common/head/HeaderUser.vue
@@ -17,7 +17,7 @@
 
     <about-us ref="aboutUs"/>
     <el-dialog :close-on-click-modal="false" width="80%"
-               :visible.sync="resVisible" class="api-import" destroy-on-close @close="closeDialog">
+               :visible.sync="resVisible" class="api-import" destroy-on-close @close="closeDialog" append-to-body>
       <ms-person-router @closeDialog="closeDialog"/>
     </el-dialog>
   </el-dropdown>