diff --git a/packages/web/package.json b/packages/web/package.json
index 7e3fdc411..0ca9ab031 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -41,6 +41,7 @@
   "dependencies": {
     "@mdi/font": "^5.9.55",
     "file-selector": "^0.2.4",
+    "resize-observer-polyfill": "^1.5.1",
     "sirv-cli": "^1.0.0",
     "svelte-markdown": "^0.1.4",
     "svelte-select": "^3.17.0"
diff --git a/packages/web/src/utility/resizeObserver.ts b/packages/web/src/utility/resizeObserver.ts
index cd5b47a96..868542f28 100644
--- a/packages/web/src/utility/resizeObserver.ts
+++ b/packages/web/src/utility/resizeObserver.ts
@@ -1,4 +1,5 @@
 import _ from 'lodash';
+import ResizeObserver from 'resize-observer-polyfill';
 
 export default function resizeObserver(node, observerEnabled) {
   const measure = () => {
@@ -18,7 +19,7 @@ export default function resizeObserver(node, observerEnabled) {
 
   function doUpdate() {
     if (observerEnabled && !resizeObserver) {
-      resizeObserver = new window['ResizeObserver'](() => {
+      resizeObserver = new ResizeObserver(() => {
         measure();
       });
       resizeObserver.observe(node);
diff --git a/yarn.lock b/yarn.lock
index 716e56568..552941475 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6071,6 +6071,11 @@ require-relative@^0.8.7:
   resolved "https://registry.yarnpkg.com/require-relative/-/require-relative-0.8.7.tgz#7999539fc9e047a37928fa196f8e1563dabd36de"
   integrity sha1-eZlTn8ngR6N5KPoZb44VY9q9Nt4=
 
+resize-observer-polyfill@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
+
 resolve-cwd@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"