diff --git a/client/src/components/AppSidebar.tsx b/client/src/components/AppSidebar.tsx
index 4a4f0be..18840b1 100644
--- a/client/src/components/AppSidebar.tsx
+++ b/client/src/components/AppSidebar.tsx
@@ -238,7 +238,7 @@ export function AppSidebar({ collapsed = false, onToggle }: AppSidebarProps) {
   return (
     <aside
       className={`flex-shrink-0 text-white flex flex-col transition-all duration-300 ${collapsed ? 'w-14' : 'w-64'}`}
-      style={{ minHeight: '100vh', background: 'oklch(0.20 0.055 245)' }}
+      style={{ height: '100vh', position: 'sticky', top: 0, background: 'oklch(0.20 0.055 245)', overflow: 'hidden' }}
     >
       {/* Logo / Titre */}
       <div className="px-3 py-4 border-b border-white/10 flex items-center gap-3">
@@ -264,7 +264,7 @@ export function AppSidebar({ collapsed = false, onToggle }: AppSidebarProps) {
       </div>
 
       {/* Navigation principale */}
-      <nav className="flex-1 py-2 overflow-y-auto space-y-0.5">
+      <nav className="py-2 space-y-0.5" style={{ flex: '1 1 0', minHeight: 0, overflowY: 'auto' }}>
         {NAV_SECTIONS.map(section => {
           const c = colors(section.id);
           const isActive = sectionHasActive(section, location);