diff --git a/management/src/App.tsx b/management/src/App.tsx
index c637889..dd36ace 100644
--- a/management/src/App.tsx
+++ b/management/src/App.tsx
@@ -110,6 +110,8 @@ function App() {
     const nextVal = !sidebarCollapsed;
     setSidebarCollapsed(nextVal);
     localStorage.setItem('sc_sidebar_collapsed', String(nextVal));
+    // On mobile, also close sidebar overlay when collapsing
+    if (nextVal) setSidebarOpen(false);
   };
   const [myClasses, setMyClasses] = useState<{ id: number; name: string; code: string }[]>(() => {
     try {
diff --git a/management/src/index.css b/management/src/index.css
index 31fd4fb..c940b77 100644
--- a/management/src/index.css
+++ b/management/src/index.css
@@ -4701,7 +4701,13 @@ input:checked + .slider:before {
   }
 
   .sidebar-edge-toggle {
-    display: none !important;
+    display: none;
+    z-index: 26;
+  }
+
+  /* Show edge toggle when sidebar is open on mobile */
+  .sidebar--open ~ .sidebar-edge-toggle {
+    display: flex;
   }
 
   .main-content,