Fixed sidebar shrink

src/App.tsx

@@ -39,7 +39,12 @@ export default function App() {
             <ResizablePanelGroup orientation="horizontal" className="h-screen">
               {appRef.current.server?.meta && (
                 <>
-                  <ResizablePanel defaultSize="500px" maxSize="350px">
+                  <ResizablePanel
+                    defaultSize="500px"
+                    maxSize="350px"
+                    className="shrink-0"
+                    groupResizeBehavior="preserve-pixel-size"
+                  >
                     <Sidebar appRef={appRef} />
                   </ResizablePanel>
                   <ResizableHandle withHandle />

src/components/view/serverList.tsx

@@ -10,7 +10,7 @@ export default function ServerList({
   if (!appRef.current) return null;
 
   return (
-    <aside className="bg-card w-16 h-screen p-2 flex flex-col gap-2.5 border-r border-r-border">
+    <aside className="bg-card w-16 h-screen p-2 flex flex-col gap-2.5 border-r border-r-border shrink-0">
       {Object.entries(appRef.current.serverList).map(([hostname, server]) => {
         return (
           <img