diff --git a/web/src/view/layout/aside/combinationMode.vue b/web/src/view/layout/aside/combinationMode.vue
index 2f46d4ba2..49484bccf 100644
--- a/web/src/view/layout/aside/combinationMode.vue
+++ b/web/src/view/layout/aside/combinationMode.vue
@@ -26,22 +26,24 @@
         width: layoutSideWidth + 'px',
       }"
     >
-      <el-menu
-        :collapse="isCollapse"
-        :collapse-transition="false"
-        :default-active="active"
-        class="border-r-0 w-full"
-        unique-opened
-        @select="(index, _, ele)=>selectMenuItem(index, _, ele,false)"
-      >
-        <template v-for="item in routerStore.leftMenu">
-          <aside-component
-            v-if="!item.hidden"
-            :key="item.name"
-            :router-info="item"
-          />
-        </template>
-      </el-menu>
+      <el-scrollbar>
+        <el-menu
+          :collapse="isCollapse"
+          :collapse-transition="false"
+          :default-active="active"
+          class="border-r-0 w-full"
+          unique-opened
+          @select="(index, _, ele)=>selectMenuItem(index, _, ele,false)"
+        >
+          <template v-for="item in routerStore.leftMenu">
+            <aside-component
+              v-if="!item.hidden"
+              :key="item.name"
+              :router-info="item"
+            />
+          </template>
+        </el-menu>
+      </el-scrollbar>
       <div
         class="absolute bottom-8 right-2 w-8 h-8 bg-gray-50 dark:bg-slate-800 flex items-center justify-center rounded cursor-pointer"
         :class="isCollapse ? 'right-0 left-0 mx-auto' : 'right-2'"
diff --git a/web/src/view/layout/aside/normalMode.vue b/web/src/view/layout/aside/normalMode.vue
index da3b1e114..64fefa5ea 100644
--- a/web/src/view/layout/aside/normalMode.vue
+++ b/web/src/view/layout/aside/normalMode.vue
@@ -6,22 +6,24 @@
       width: layoutSideWidth + 'px',
     }"
   >
-    <el-menu
-      :collapse="isCollapse"
-      :collapse-transition="false"
-      :default-active="active"
-      class="border-r-0 w-full"
-      unique-opened
-      @select="selectMenuItem"
-    >
-      <template v-for="item in routerStore.asyncRouters[0].children">
-        <aside-component
-          v-if="!item.hidden"
-          :key="item.name"
-          :router-info="item"
-        />
-      </template>
-    </el-menu>
+    <el-scrollbar>
+      <el-menu
+        :collapse="isCollapse"
+        :collapse-transition="false"
+        :default-active="active"
+        class="border-r-0 w-full"
+        unique-opened
+        @select="selectMenuItem"
+      >
+        <template v-for="item in routerStore.asyncRouters[0].children">
+          <aside-component
+            v-if="!item.hidden"
+            :key="item.name"
+            :router-info="item"
+          />
+        </template>
+      </el-menu>
+    </el-scrollbar>
     <div
       class="absolute bottom-8 right-2 w-8 h-8 bg-gray-50 dark:bg-slate-800 flex items-center justify-center rounded cursor-pointer"
       :class="isCollapse ? 'right-0 left-0 mx-auto' : 'right-2'"
@@ -36,7 +38,7 @@
     </div>
   </div>
 </template>
-  
+
   <script setup>
 import AsideComponent from "@/view/layout/aside/asideComponent/index.vue";
 import { ref, provide, watchEffect, computed } from "vue";
@@ -99,6 +101,5 @@ const toggleCollapse = () => {
   isCollapse.value = !isCollapse.value;
 };
 </script>
-  
+
   <style lang="scss"></style>
-  
\ No newline at end of file
diff --git a/web/src/view/layout/index.vue b/web/src/view/layout/index.vue
index c1758bcda..64815e0be 100644
--- a/web/src/view/layout/index.vue
+++ b/web/src/view/layout/index.vue
@@ -11,9 +11,9 @@
       :content="userStore.userInfo.nickName"
     />
     <gva-header />
-    <div class="flex flex-row w-full gva-container pt-16">
-      <gva-aside v-if="config.side_mode === 'normal' || (device === 'mobile' && config.side_mode == 'head' ) || (device === 'mobile' && config.side_mode == 'combination' )" />
-      <gva-aside v-if="config.side_mode === 'combination' && device !== 'mobile'" mode="normal"/>
+    <div class="flex flex-row w-full gva-container pt-16 box-border h-full">
+        <gva-aside v-if="config.side_mode === 'normal' || (device === 'mobile' && config.side_mode == 'head' ) || (device === 'mobile' && config.side_mode == 'combination' )" />
+        <gva-aside v-if="config.side_mode === 'combination' && device !== 'mobile'" mode="normal"/>
       <div class="flex-1 p-2 w-0 h-full">
         <gva-tabs v-if="config.showTabs" />
         <div