diff --git a/frontend/src/components/dataease/DeAsideContainer.vue b/frontend/src/components/dataease/DeAsideContainer.vue
index a7f506d3cb..7a85bea105 100644
--- a/frontend/src/components/dataease/DeAsideContainer.vue
+++ b/frontend/src/components/dataease/DeAsideContainer.vue
@@ -48,7 +48,7 @@ export default {
     border-radius: 2px;
     box-sizing: border-box;
     background-color: #FFF;
-    height: 100vh;
+    height: calc(100vh - 56px);
     border-right: 0px;
     position: relative;
   }
diff --git a/frontend/src/components/dataease/DeMainContainer.vue b/frontend/src/components/dataease/DeMainContainer.vue
index 75d0b1fa0d..6344c245ed 100644
--- a/frontend/src/components/dataease/DeMainContainer.vue
+++ b/frontend/src/components/dataease/DeMainContainer.vue
@@ -14,7 +14,7 @@ export default {
 
   .ms-main-container {
     padding: 10px;
-    height: 100vh;
+    height: calc(100vh - 56px);
   }
 
 </style>