diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 2ab1b81..4a553cf 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -44,12 +44,19 @@ function addIframe() {
   overflow: hidden;
 }
 
+.fixed-header + .app-main {
+  overflow-y: auto;
+  scrollbar-gutter: auto;
+  height: calc(100vh - 50px);
+  min-height: 0px;
+}
+
 .app-main:has(.copyright) {
   padding-bottom: 36px;
 }
 
 .fixed-header + .app-main {
-  padding-top: 50px;
+  margin-top: 50px;
 }
 
 .hasTagsView {
@@ -59,19 +66,14 @@ function addIframe() {
   }
 
   .fixed-header + .app-main {
-    padding-top: 84px;
+    margin-top: 84px;
+    height: calc(100vh - 84px);
+    min-height: 0px;
   }
 }
 </style>
 
 <style lang="scss">
-// fix css style bug in open el-dialog
-.el-popup-parent--hidden {
-  .fixed-header {
-    padding-right: 6px;
-  }
-}
-
 ::-webkit-scrollbar {
   width: 6px;
   height: 6px;
@@ -86,4 +88,3 @@ function addIframe() {
   border-radius: 3px;
 }
 </style>
-
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 9bdf656..57cbdb3 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -79,6 +79,11 @@ function setLayout() {
   }
 }
 
+.main-container:has(.fixed-header) {
+  height: 100vh;
+  overflow: hidden;
+}
+
 .drawer-bg {
   background: #000;
   opacity: 0.3;