diff --git a/resources/views/layouts/sidebar.blade.php b/resources/views/layouts/sidebar.blade.php
index a1cf3bd..86357ba 100644
--- a/resources/views/layouts/sidebar.blade.php
+++ b/resources/views/layouts/sidebar.blade.php
@@ -19,10 +19,11 @@
             </i>
         </button>
     </div>
-    <div class="sidebar-content flex grow shrink-0 py-5 pr-2" id="sidebar_content">
+
+    <div class="sidebar-content flex grow shrink-0 py-5 pr-2 h-[100%]" id="sidebar_content">
         <div class="scrollable-y-hover grow shrink-0 flex pl-2 lg:pl-5 pr-1 lg:pr-3" data-scrollable="true"
-             data-scrollable-dependencies="#sidebar_header" data-scrollable-height="auto" data-scrollable-offset="0px"
-             data-scrollable-wrappers="#sidebar_content" id="sidebar_scrollable">
+             data-scrollable-dependencies="#sidebar_header," data-scrollable-height="auto" data-scrollable-offset="0px"
+             data-scrollable-wrappers="#sidebar_content" id="sidebar_scrollable" style="--tw-scrollbar-thumb-color: var(--tw-primary)">
             <div class="menu flex flex-col grow gap-0.5" data-menu="true" data-menu-accordion-expand-all="false"
                  id="sidebar_menu">
                 <div class="menu-item" data-menu-item-toggle="accordion" data-menu-item-trigger="click">