diff --git a/atune/web/src/assets/main.css b/atune/web/src/assets/main.css
index 9422492ba34ad85a2dff7013ad1b4f6b6eeaba26..4f5ffc80c4e8f0da003d24b87b741797e88288ee 100644
--- a/atune/web/src/assets/main.css
+++ b/atune/web/src/assets/main.css
@@ -1,7 +1,6 @@
 
 html {
     height: 100%;
-    /* height: 500px; */
     width: 100%;
     margin: 0px;
     padding: 0px;
diff --git a/atune/web/src/components/table.vue b/atune/web/src/components/table.vue
index f5aa7b9de8b9348c27eed73e132580e09ace679b..c3f5a0643fd9615b186b8ed7340b6c8c24f26943 100644
--- a/atune/web/src/components/table.vue
+++ b/atune/web/src/components/table.vue
@@ -124,14 +124,11 @@ onMounted(() => {
   }
 
   .content {
-    // flex: 1;
-    // height: 92%;
-    height: calc(94% - 40px);
+    height: 100%;
     overflow: scroll;
   }
   .pagination {
     width: 100%;
-    height: 40px;
     margin: 0;
     :deep(.el-pagination) {
         justify-content: flex-end;
diff --git a/atune/web/src/views/Home.vue b/atune/web/src/views/Home.vue
index dd84244991654d5f84a9082085202534326f137d..5057d95828b6be8d6a2bdf203f92d0e476975f21 100644
--- a/atune/web/src/views/Home.vue
+++ b/atune/web/src/views/Home.vue
@@ -138,7 +138,7 @@ onMounted(async () => {
 .container {
   display: flex;
   min-width: 100%;
-  height: 95%;
+  height: calc(100% - 64px);
 
 
   .tree-container,
diff --git a/atune/web/src/views/ResultInfo.vue b/atune/web/src/views/ResultInfo.vue
index 89bc76139dfe72ebe96a871be0163a95ccf6b27b..f28b6e0e31cff6ca8ba098fd09d44238013733c3 100644
--- a/atune/web/src/views/ResultInfo.vue
+++ b/atune/web/src/views/ResultInfo.vue
@@ -131,8 +131,7 @@ onMounted(()=>{
 .container{
   width: 100%;
   height: 100%;
-  display: flex;
-  flex-direction: column;
+
   .top {
     width: 100%;
     height: 64px;
@@ -149,10 +148,8 @@ onMounted(()=>{
     }
   }
   .table{
-    flex: 1;
-    display: flex;
     width: 100%;
-    // height: ;
+    height: calc(100% - 64px);
   }
 
 }