diff --git a/package-lock.json b/package-lock.json
index ba4307835e..287563d8b8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35221,9 +35221,9 @@
       }
     },
     "node_modules/react-resizable-panels": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-1.0.3.tgz",
-      "integrity": "sha512-d54mBF/T6S51ZAU7s8SjLMa9hnLIhBHi35GJkdzC+gsEOpm8IEQ5odJid1AWi8neGfGm2HDANGo8Ndc6C8ISdw==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-2.1.1.tgz",
+      "integrity": "sha512-+cUV/yZBYfiBj+WJtpWDJ3NtR4zgDZfHt3+xtaETKE+FCvp+RK/NJxacDQKxMHgRUTSkfA6AnGljQ5QZNsCQoA==",
       "dev": true,
       "peerDependencies": {
         "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
@@ -44848,7 +44848,7 @@
         "react-linkify": "^1.0.0-alpha",
         "react-overlays": "^0.9.3",
         "react-refresh": "^0.14.0",
-        "react-resizable-panels": "^1.0.3",
+        "react-resizable-panels": "^2.1.1",
         "resolve-url-loader": "^5.0.0",
         "samlp": "^7.0.2",
         "sandboxed-module": "overleaf/node-sandboxed-module#cafa2d60f17ce75cc023e6f296eb8de79d92d35d",
@@ -53468,7 +53468,7 @@
         "react-linkify": "^1.0.0-alpha",
         "react-overlays": "^0.9.3",
         "react-refresh": "^0.14.0",
-        "react-resizable-panels": "^1.0.3",
+        "react-resizable-panels": "^2.1.1",
         "recurly": "^4.0.0",
         "referer-parser": "github:overleaf/nodejs-referer-parser#8b8b103762d05b7be4cfa2f810e1d408be67d7bb",
         "request": "^2.88.2",
@@ -75662,9 +75662,9 @@
       "dev": true
     },
     "react-resizable-panels": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-1.0.3.tgz",
-      "integrity": "sha512-d54mBF/T6S51ZAU7s8SjLMa9hnLIhBHi35GJkdzC+gsEOpm8IEQ5odJid1AWi8neGfGm2HDANGo8Ndc6C8ISdw==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-2.1.1.tgz",
+      "integrity": "sha512-+cUV/yZBYfiBj+WJtpWDJ3NtR4zgDZfHt3+xtaETKE+FCvp+RK/NJxacDQKxMHgRUTSkfA6AnGljQ5QZNsCQoA==",
       "dev": true,
       "requires": {}
     },
diff --git a/services/web/frontend/js/features/ide-react/components/editor-and-pdf.tsx b/services/web/frontend/js/features/ide-react/components/editor-and-pdf.tsx
index 53ba5de77d..c0be1d4d41 100644
--- a/services/web/frontend/js/features/ide-react/components/editor-and-pdf.tsx
+++ b/services/web/frontend/js/features/ide-react/components/editor-and-pdf.tsx
@@ -45,9 +45,9 @@ export const EditorAndPdf: FC = () => {
         hidden: view === 'history',
       })}
     >
-      {/* main */}
+      {/* ide */}
       <Panel
-        id="panel-main"
+        id="panel-ide"
         order={1}
         defaultSize={50}
         minSize={5}
diff --git a/services/web/package.json b/services/web/package.json
index f041c88085..07328a550c 100644
--- a/services/web/package.json
+++ b/services/web/package.json
@@ -343,7 +343,7 @@
     "react-linkify": "^1.0.0-alpha",
     "react-overlays": "^0.9.3",
     "react-refresh": "^0.14.0",
-    "react-resizable-panels": "^1.0.3",
+    "react-resizable-panels": "^2.1.1",
     "resolve-url-loader": "^5.0.0",
     "samlp": "^7.0.2",
     "sandboxed-module": "overleaf/node-sandboxed-module#cafa2d60f17ce75cc023e6f296eb8de79d92d35d",