diff --git a/core/scripts/webpanel/assets/css/custom.css b/core/scripts/webpanel/assets/css/custom.css
index d3eee8d..93cc854 100644
--- a/core/scripts/webpanel/assets/css/custom.css
+++ b/core/scripts/webpanel/assets/css/custom.css
@@ -89,7 +89,15 @@ body:not(.dark-mode) #darkModeIcon.fa-sun {
 
 /* --- Sidebar (Using Default Dark AdminLTE Theme) --- */
 
-body:not(.dark-mode) .main-sidebar { background-color: #343a40; }
+body:not(.dark-mode) .main-sidebar {
+  background-color: #343a40;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 250px;
+  height: 100vh;
+  z-index: 1050;
+}
 body:not(.dark-mode) .brand-link {
   border-bottom-color: rgba(255, 255, 255, 0.1);
 }
@@ -287,7 +295,15 @@ body.dark-mode #darkModeIcon.fa-moon {
 }
 
 /* Dark Sidebar */
-body.dark-mode .main-sidebar { background-color: var(--dark-navy-deep) !important; }
+body.dark-mode .main-sidebar {
+  background-color: var(--dark-navy-deep) !important;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 250px;
+  height: 100vh;
+  z-index: 1050;
+}
 body.dark-mode .brand-link { border-bottom: 1px solid var(--dark-navy-accent) !important; }
 body.dark-mode .sidebar .nav-pills .nav-link { color: var(--dark-text-secondary); }
 body.dark-mode .sidebar .nav-pills .nav-link.active,