diff --git a/src/App.tsx b/src/App.tsx
index aebbbd0..ece7587 100644
--- a/src/App.tsx
+++ b/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 />
diff --git a/src/components/view/serverList.tsx b/src/components/view/serverList.tsx
index 2ff8bc8..2624c7b 100644
--- a/src/components/view/serverList.tsx
+++ b/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