diff --git a/console/atest-ui/src/App.vue b/console/atest-ui/src/App.vue
index 100e5908..ce47d304 100644
--- a/console/atest-ui/src/App.vue
+++ b/console/atest-ui/src/App.vue
@@ -194,7 +194,7 @@ const viewName = ref('testcase')
 
 <template>
   <div class="common-layout">
-    <el-container style="height: 100vh">
+    <el-container style="height: 100%">
       <el-aside width="200px">
         <el-button type="primary" @click="openTestSuiteCreateDialog" test-id="open-new-suite-dialog" :icon="Edit">New</el-button>
         <el-input v-model="filterText" placeholder="Filter keyword" test-id="search" />
@@ -280,7 +280,9 @@ header {
   line-height: 1.5;
   max-height: 100vh;
 }
-
+.common-layout {
+  height: 100%;
+}
 .logo {
   display: block;
   margin: 0 auto 2rem;
diff --git a/console/atest-ui/src/assets/main.css b/console/atest-ui/src/assets/main.css
index 6e94f8e8..fe90ff9b 100644
--- a/console/atest-ui/src/assets/main.css
+++ b/console/atest-ui/src/assets/main.css
@@ -4,7 +4,7 @@
   /* max-width: 1280px; */
   margin: 0 auto;
   padding: 2rem;
-
+  height: 100vh;
   font-weight: normal;
 }