diff --git a/src/pages/Viewer.tsx b/src/pages/Viewer.tsx
index a3441fb..7e12104 100644
--- a/src/pages/Viewer.tsx
+++ b/src/pages/Viewer.tsx
@@ -408,7 +408,7 @@ const Viewer = () => {
         </div>
 
         {/* Side panel */}
-        <aside className={`transition-all duration-300 border-l bg-card flex flex-col ${sidebarOpen ? 'w-80 opacity-100' : 'w-0 opacity-0 pointer-events-none border-l-0 overflow-hidden'}`}>
+        <aside className={`transition-all duration-300 shrink-0 border-l bg-card flex flex-col ${sidebarOpen ? 'w-80 opacity-100' : 'w-0 opacity-0 pointer-events-none border-l-0 overflow-hidden'}`}>
           <ScrollArea className="h-full">
             <div className="p-4 space-y-5">
               <div>