diff --git a/frontend/src/assets/styles/main.scss b/frontend/src/assets/styles/main.scss
index 5c6ad6ab..23810471 100644
--- a/frontend/src/assets/styles/main.scss
+++ b/frontend/src/assets/styles/main.scss
@@ -273,3 +273,12 @@
     @apply text-blue-500 hover:underline;
   }
 }
+
+/* Fix collapsed sidebar visibility in padding gap.
+ * The sidebar is position:fixed and slides to left:-14rem when collapsed,
+ * but ml-[3.2rem] offset causes part to remain visible in the app's padding gap.
+ * Push it further left to fully hide it.
+ */
+[data-state="collapsed"][data-collapsible="offcanvas"] .sidebar-secondary {
+  left: calc((var(--sidebar-width) + 3.5rem) * -1.4) !important;
+}
diff --git a/frontend/src/components/sidebar/Sidebar.vue b/frontend/src/components/sidebar/Sidebar.vue
index e4bef2f8..1034a092 100644
--- a/frontend/src/components/sidebar/Sidebar.vue
+++ b/frontend/src/components/sidebar/Sidebar.vue
@@ -19,8 +19,7 @@ import {
   SidebarMenuItem,
   SidebarMenuSub,
   SidebarMenuSubItem,
-  SidebarProvider,
-  SidebarRail
+  SidebarProvider
 } from '@/components/ui/sidebar'
 import { useAppSettingsStore } from '@/stores/appSettings'
 import {
@@ -227,7 +226,6 @@ const viewToDelete = ref(null)
             </SidebarMenu>
           </SidebarGroup>
         </SidebarContent>
-        <SidebarRail />
       </Sidebar>
     </template>
 
@@ -263,7 +261,6 @@ const viewToDelete = ref(null)
             </SidebarMenu>
           </SidebarGroup>
         </SidebarContent>
-        <SidebarRail />
       </Sidebar>
     </template>
 
@@ -329,7 +326,6 @@ const viewToDelete = ref(null)
             </SidebarMenu>
           </SidebarGroup>
         </SidebarContent>
-        <SidebarRail />
       </Sidebar>
     </template>
 
@@ -363,7 +359,6 @@ const viewToDelete = ref(null)
             </SidebarMenu>
           </SidebarGroup>
         </SidebarContent>
-        <SidebarRail />
       </Sidebar>
     </template>