diff --git a/package-lock.json b/package-lock.json
index 4c3d80b1..b0fdc458 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -49,7 +49,7 @@
         "@types/node": "^12.20.4",
         "@types/react": "^17.0.2",
         "@types/react-dom": "^17.0.1",
-        "@types/react-resizable": "^1.7.4",
+        "@types/react-resizable": "^3.0.2",
         "@types/react-router": "^5.1.18",
         "@types/react-tabs": "^2.3.4",
         "@types/redux-logger": "^3.0.9",
@@ -105,7 +105,7 @@
         "react-dom": "^16.14.0",
         "react-draggable": "^3.3.2",
         "react-redux": "^7.2.4",
-        "react-resizable": "^1.11.0",
+        "react-resizable": "^3.0.4",
         "react-router": "^5.2.0",
         "react-router-dom": "^5.2.0",
         "react-select": "^4.3.0",
@@ -15205,9 +15205,9 @@
       }
     },
     "node_modules/@types/react-resizable": {
-      "version": "1.7.4",
-      "resolved": "https://registry.npmjs.org/@types/react-resizable/-/react-resizable-1.7.4.tgz",
-      "integrity": "sha512-+xsGkd+Gvb9+8mLR1EyhNN8kBRJcsT1uJF4WpkFpFPIoApX2S89BmJA2RVtMdkhwe6YxV4RbHfaJ3bIdcgHc7g==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/react-resizable/-/react-resizable-3.0.2.tgz",
+      "integrity": "sha512-4rHjZDQmSpFqRlNzlcnF5tpOG5fBcMuDlvD+qT3XHAJLKGx/FC3iDQ9li9tHW53ecWwZzHTPCGvz5vNWQN+v/Q==",
       "dev": true,
       "dependencies": {
         "@types/react": "*"
@@ -32491,13 +32491,16 @@
       }
     },
     "node_modules/react-resizable": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/react-resizable/-/react-resizable-1.11.0.tgz",
-      "integrity": "sha512-VoGz2ddxUFvildS8r8/29UZJeyiM3QJnlmRZSuXm+FpTqq/eIrMPc796Y9XQLg291n2hFZJtIoP1xC3hSTw/jg==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-resizable/-/react-resizable-3.0.4.tgz",
+      "integrity": "sha512-StnwmiESiamNzdRHbSSvA65b0ZQJ7eVQpPusrSmcpyGKzC0gojhtO62xxH6YOBmepk9dQTBi9yxidL3W4s3EBA==",
       "dev": true,
       "dependencies": {
         "prop-types": "15.x",
         "react-draggable": "^4.0.3"
+      },
+      "peerDependencies": {
+        "react": ">= 16.3"
       }
     },
     "node_modules/react-resizable/node_modules/react-draggable": {
@@ -50562,9 +50565,9 @@
       }
     },
     "@types/react-resizable": {
-      "version": "1.7.4",
-      "resolved": "https://registry.npmjs.org/@types/react-resizable/-/react-resizable-1.7.4.tgz",
-      "integrity": "sha512-+xsGkd+Gvb9+8mLR1EyhNN8kBRJcsT1uJF4WpkFpFPIoApX2S89BmJA2RVtMdkhwe6YxV4RbHfaJ3bIdcgHc7g==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/react-resizable/-/react-resizable-3.0.2.tgz",
+      "integrity": "sha512-4rHjZDQmSpFqRlNzlcnF5tpOG5fBcMuDlvD+qT3XHAJLKGx/FC3iDQ9li9tHW53ecWwZzHTPCGvz5vNWQN+v/Q==",
       "dev": true,
       "requires": {
         "@types/react": "*"
@@ -64716,9 +64719,9 @@
       "dev": true
     },
     "react-resizable": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/react-resizable/-/react-resizable-1.11.0.tgz",
-      "integrity": "sha512-VoGz2ddxUFvildS8r8/29UZJeyiM3QJnlmRZSuXm+FpTqq/eIrMPc796Y9XQLg291n2hFZJtIoP1xC3hSTw/jg==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-resizable/-/react-resizable-3.0.4.tgz",
+      "integrity": "sha512-StnwmiESiamNzdRHbSSvA65b0ZQJ7eVQpPusrSmcpyGKzC0gojhtO62xxH6YOBmepk9dQTBi9yxidL3W4s3EBA==",
       "dev": true,
       "requires": {
         "prop-types": "15.x",
diff --git a/package.json b/package.json
index e0e03240..545a46f0 100644
--- a/package.json
+++ b/package.json
@@ -132,7 +132,7 @@
     "@types/node": "^12.20.4",
     "@types/react": "^17.0.2",
     "@types/react-dom": "^17.0.1",
-    "@types/react-resizable": "^1.7.4",
+    "@types/react-resizable": "^3.0.2",
     "@types/react-router": "^5.1.18",
     "@types/react-tabs": "^2.3.4",
     "@types/redux-logger": "^3.0.9",
@@ -188,7 +188,7 @@
     "react-dom": "^16.14.0",
     "react-draggable": "^3.3.2",
     "react-redux": "^7.2.4",
-    "react-resizable": "^1.11.0",
+    "react-resizable": "^3.0.4",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
     "react-select": "^4.3.0",
diff --git a/src/renderer/containers/query-browser.tsx b/src/renderer/containers/query-browser.tsx
index 3a9ef81d..14214065 100644
--- a/src/renderer/containers/query-browser.tsx
+++ b/src/renderer/containers/query-browser.tsx
@@ -435,7 +435,7 @@ const QueryBrowserContainer: FC = () => {
             className="react-resizable react-resizable-ew-resize"
             onResizeStop={(_, { size }) => setSideBarWidth(size.width)}
             width={sideBarWidth || SIDEBAR_WIDTH}
-            height={NaN}
+            axis="x"
             minConstraints={[SIDEBAR_WIDTH, 300]}
             maxConstraints={[750, 10000]}>
             <div className="ui vertical menu" style={STYLES.resizeable}>