diff --git a/package-lock.json b/package-lock.json
index 275de9509..323e5ac78 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,7 +6,7 @@
   "packages": {
     "": {
       "name": "@flanksource/flanksource-ui",
-      "version": "1.0.664",
+      "version": "1.0.682",
       "dependencies": {
         "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
         "@clerk/nextjs": "^4.29.12",
@@ -84,6 +84,7 @@
         "react-tooltip": "^5.26.3",
         "react-top-loading-bar": "^2.3.1",
         "react-use-intercom": "^5.1.4",
+        "react-use-size": "^3.0.3",
         "reactflow": "^11.11.3",
         "recharts": "2.1.12",
         "tailwindcss": "^3.4.1",
@@ -37035,6 +37036,17 @@
         "react-dom": ">=16.8.0"
       }
     },
+    "node_modules/react-use-size": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/react-use-size/-/react-use-size-3.0.3.tgz",
+      "integrity": "sha512-+UNmV3IycQKhEELnsIBQDFir2OCoB+0umeNZsm73BZjAXoHbWgnaG2LV201ogJDips+NdcaewzhJdVFM5iVRYQ==",
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/reactflow": {
       "version": "11.11.3",
       "resolved": "https://registry.npmjs.org/reactflow/-/reactflow-11.11.3.tgz",
diff --git a/package.json b/package.json
index ca1e548f9..612aa97ad 100644
--- a/package.json
+++ b/package.json
@@ -84,6 +84,7 @@
     "react-tooltip": "^5.26.3",
     "react-top-loading-bar": "^2.3.1",
     "react-use-intercom": "^5.1.4",
+    "react-use-size": "^3.0.3",
     "reactflow": "^11.11.3",
     "recharts": "2.1.12",
     "tailwindcss": "^3.4.1",