diff --git a/components/sider.vue b/components/sider.vue
index 0e44ee203e0f6b1b6ef54d845597d3c64629a938..cb46e34e4ac198659ddba466019381b86ad41400 100644
--- a/components/sider.vue
+++ b/components/sider.vue
@@ -3,7 +3,7 @@
     class=" transition-all duration-500 font-medium scale-50 lg:scale-100 mt-[32px] mr-3 lg:mr-[16px] mb-[0px] ml-[4vw] uppercase sticky top-[40%] min-w-[220px] max-w-[350px] ">
     <h1 class="font-light">{{ page?.title }}</h1>
 
-    <ul class="overflow-scroll h-[300px]  font-extralight">
+    <ul class="overflow-scroll max-h-[300px]  font-extralight">
       <li @mouseenter="toggleMouse(index)" v-for="(e, index) in toc?.links">
         <div class=" flex cursor-pointer items-center mt-6">
           <div