diff --git a/src/layouts/index.scss b/src/layouts/index.scss
index 4e50375a372a684ca77866fb46c063d5783eaa5b..f8d7eacad3163c543b89528527685a3d9420094d 100644
--- a/src/layouts/index.scss
+++ b/src/layouts/index.scss
@@ -166,6 +166,7 @@
 }
 .app-content{
   padding-top:15px;
+  overflow-y: auto;
 }
 .app-view{
   .ant-card-body{
@@ -376,3 +377,6 @@
     }
   }
 }
+.layout-container{
+  height: 100%;
+}
\ No newline at end of file
diff --git a/src/layouts/index.tsx b/src/layouts/index.tsx
index 4d422e00610378d02e19d619eedf5c6431013216..1d1b6722a8eb002c2ae90dce8eca4681baa14e0a 100644
--- a/src/layouts/index.tsx
+++ b/src/layouts/index.tsx
@@ -8,7 +8,7 @@ import './index.scss'
 
 export default function AppLayout() {
   return (
-    <Layout>
+    <Layout className='layout-container'>
       <AppSider />
       <Layout style={{ minHeight: '100vh', padding: '16px' }}>
         <AppHeader />