diff --git a/playground/package-lock.json b/playground/package-lock.json
index 9c8ff1e401..ad7a2d7691 100644
--- a/playground/package-lock.json
+++ b/playground/package-lock.json
@@ -14,7 +14,7 @@
         "monaco-editor": "^0.47.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "react-resizable-panels": "^0.0.54"
+        "react-resizable-panels": "^2.0.0"
       },
       "devDependencies": {
         "@types/react": "^18.0.26",
@@ -3966,9 +3966,9 @@
       "dev": true
     },
     "node_modules/react-resizable-panels": {
-      "version": "0.0.54",
-      "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-0.0.54.tgz",
-      "integrity": "sha512-f8hHdQrqvXoiZGdRNuoOi/C2cdYT2nEpaOb1KIWVWorSTPZmnE+ZQiamGeu+AMx3iZ/tqBtlAkBOpKXzTnDCoA==",
+      "version": "2.0.16",
+      "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-2.0.16.tgz",
+      "integrity": "sha512-UrnxmTZaTnbCl/xIOX38ig35RicqGfLuqt2x5fytpNlQvCRuxyXZwIBEhmF+pmrEGxfajyXFBoCplNxLvhF0CQ==",
       "peerDependencies": {
         "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
         "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
diff --git a/playground/package.json b/playground/package.json
index 6c18671b8c..db611e0a90 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -21,7 +21,7 @@
     "monaco-editor": "^0.47.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-resizable-panels": "^0.0.54"
+    "react-resizable-panels": "^2.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.26",
diff --git a/playground/src/Editor/Editor.tsx b/playground/src/Editor/Editor.tsx
index 73b90fa26e..a2696dabc6 100644
--- a/playground/src/Editor/Editor.tsx
+++ b/playground/src/Editor/Editor.tsx
@@ -97,6 +97,7 @@ export default function Editor() {
       });
       setRuffVersion(Workspace.version());
     }
+
     initAsync().catch(console.error);
   }, []);
 
@@ -231,7 +232,7 @@ export default function Editor() {
               onSelectTool={(tool) => setTab(tool)}
               selected={tab}
             />
-            <Panel id="main" order={0} className="my-2">
+            <Panel id="main" order={0} className="my-2" minSize={10}>
               <SourceEditor
                 visible={tab === "Source"}
                 source={source.pythonSource}
@@ -249,7 +250,12 @@ export default function Editor() {
             {secondaryTool != null && (
               <>
                 <HorizontalResizeHandle />
-                <Panel id="secondary-panel" order={1} className={"my-2"}>
+                <Panel
+                  id="secondary-panel"
+                  order={1}
+                  className={"my-2"}
+                  minSize={10}
+                >
                   <SecondaryPanel
                     theme={theme}
                     tool={secondaryTool}