diff --git a/src/app/globals.css b/src/app/globals.css
index 7a0af19..9398ced 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -132,10 +132,9 @@
   }
 }
 
-/* Fix for sidebar "none" mode height issue */
-.sidebar-none-mode [data-slot="sidebar"] {
-  height: 100vh !important;
-  min-height: 100vh !important;
+/* sidebar-none-mode: sticky layout — sidebar stays visible while page scrolls */
+.sidebar-none-mode {
+  align-items: flex-start;
 }
 
 /* Fix for right-side inset variant support */
diff --git a/src/components/ui/sidebar.tsx b/src/components/ui/sidebar.tsx
index 0d8737f..859d46f 100644
--- a/src/components/ui/sidebar.tsx
+++ b/src/components/ui/sidebar.tsx
@@ -172,24 +172,10 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
 
-  if (collapsible === "none") {
-    return (
-      <div
-        data-slot="sidebar"
-        className={cn(
-          "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
-          className
-        )}
-        {...props}
-      >
-        {children}
-      </div>
-    )
-  }
-
+  // Mobile check must come first — always use Sheet on mobile regardless of collapsible mode
   if (isMobile) {
     return (
-      <Sheet open={openMobile} onOpenChange={setOpenMobile} modal={false} {...props}>
+      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
         <SheetContent
           data-sidebar="sidebar"
           data-slot="sidebar"
@@ -212,6 +198,21 @@ function Sidebar({
     )
   }
 
+  if (collapsible === "none") {
+    return (
+      <div
+        data-slot="sidebar"
+        className={cn(
+          "bg-sidebar text-sidebar-foreground sticky top-0 self-start flex h-svh w-(--sidebar-width) flex-col overflow-y-auto",
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    )
+  }
+
   return (
     <div
       className="group peer text-sidebar-foreground hidden md:block"