fix side bar

src/Styles/Layout/SideBar.scss

@@ -7,23 +7,19 @@
   position: fixed !important;
   width: var(--sideBarWidth);
   min-width: var(--sideBarMinWidth);
-  height: 100vh;
-  overflow-y: auto;
-  overflow-x: hidden;
+  max-height: 100vh;
+  min-height: 100vh;
+  // overflow-y: auto;
+  overflow: hidden;
 
   background: var(--bgSideBar);
   color: var(--textSideBar);
-  position: absolute;
   transition: all 0.6s ease;
   padding: 0% 0% 2% 0%;
   display: flex;
   flex-direction: column;
   z-index: 2;
 
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
 
 
   .side_bar_header {
@@ -72,10 +68,16 @@
     padding-inline: 7%;
     scroll-behavior: smooth;
     scroll-padding: 10rem;
-    @include Scrollbar;
     position: relative;
     padding-top: 20px;
     margin-block: 10px;
+    overflow-y: auto;
+    
+    
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
     > p {
       font-size: 18px;
       margin-bottom: 5px;