diff --git a/api-test/frontend/src/business/automation/scenario/variable/VariableList.vue b/api-test/frontend/src/business/automation/scenario/variable/VariableList.vue
index f9d176e7b2..8f52f08c7e 100644
--- a/api-test/frontend/src/business/automation/scenario/variable/VariableList.vue
+++ b/api-test/frontend/src/business/automation/scenario/variable/VariableList.vue
@@ -148,7 +148,7 @@
                       {{ $t('commons.confirm') }}
                     </el-button>
                     <el-button size="small" style="margin-left: 10px" @click="cancelVariable"
-                      >{{ $t('commons.cancel') }}
+                    >{{ $t('commons.cancel') }}
                     </el-button>
                     <el-button v-if="showDelete" size="small" style="margin-left: 10px" @click="deleteVariable">
                       {{ $t('commons.delete') }}
@@ -167,7 +167,7 @@
               placement="top-start"
               slot="label">
               <span
-                >{{ $t('api_test.request.headers') }}
+              >{{ $t('api_test.request.headers') }}
                 <div class="el-step__icon is-text ms-api-col ms-header" v-if="headers.length > 1">
                   <div class="el-step__icon-inner">
                     {{ headers.length - 1 }}
@@ -468,10 +468,10 @@ export default {
         if (messages !== '') {
           this.$alert(
             this.$t('api_test.scenario.variables') +
-              '【' +
-              messages.substr(0, messages.length - 1) +
-              '】' +
-              this.$t('load_test.param_is_duplicate')
+            '【' +
+            messages.substr(0, messages.length - 1) +
+            '】' +
+            this.$t('load_test.param_is_duplicate')
           );
         }
       });
@@ -485,6 +485,7 @@ export default {
       this.variables.forEach((item) => {
         item.hidden = undefined;
         if (item.name && item.name != '') {
+          item.showMore = false;
           saveVariables.push(item);
         }
       });
diff --git a/framework/sdk-parent/frontend/src/components/MsDialogHeader.vue b/framework/sdk-parent/frontend/src/components/MsDialogHeader.vue
index 839dd1dedc..59518d0787 100644
--- a/framework/sdk-parent/frontend/src/components/MsDialogHeader.vue
+++ b/framework/sdk-parent/frontend/src/components/MsDialogHeader.vue
@@ -85,6 +85,7 @@ export default {
         this.icon= ['fa', 'expand-alt'];
       }
       this.$emit("update:isFullScreen",bool);
+      this.$emit("fullScreen");
     },
   },
 };
diff --git a/framework/sdk-parent/frontend/src/components/environment/commons/ApiScenarioVariables.vue b/framework/sdk-parent/frontend/src/components/environment/commons/ApiScenarioVariables.vue
index edc4e796d7..b4c205de28 100644
--- a/framework/sdk-parent/frontend/src/components/environment/commons/ApiScenarioVariables.vue
+++ b/framework/sdk-parent/frontend/src/components/environment/commons/ApiScenarioVariables.vue
@@ -90,7 +90,7 @@
               v-if="!scope.row.scope || scope.row.scope == 'api'"
               :placeholder="$t('commons.please_select')"
               size="mini"
-            @change="changeType(scope.row)">
+              @change="changeType(scope.row)">
               <el-option v-for="item in typeSelectOptions" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
 
diff --git a/framework/sdk-parent/frontend/src/components/environment/commons/variable/VariableImport.vue b/framework/sdk-parent/frontend/src/components/environment/commons/variable/VariableImport.vue
index 79962290f7..2cafb0751a 100644
--- a/framework/sdk-parent/frontend/src/components/environment/commons/variable/VariableImport.vue
+++ b/framework/sdk-parent/frontend/src/components/environment/commons/variable/VariableImport.vue
@@ -1,10 +1,10 @@
 <template>
   <el-dialog :visible="dialogVisible" :title="dialogTitle"
              @close="close" :close-on-click-modal="false" append-to-body
-             width="35%">
+             width="550px">
     <el-form :rules="rules" label-width="80px" v-model="modeId">
       <el-form-item prop="modeId" :label="$t('commons.import_mode')">
-        <el-select size="small" v-model="modeId">
+        <el-select size="small" v-model="modeId" style="width: 360px">
           <el-option v-for="item in modeOptions" :key="item.id" :label="item.name" :value="item.id"/>
         </el-select>
       </el-form-item>