diff --git a/package.json b/package.json
index 903c0f5265509fad382be60ee3bac7a9b33b69bf..dd1e9ef82ec27c03b3524e8602107afea768942d 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
   "dependencies": {
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
+    "@juggle/resize-observer": "^3.4.0",
     "@mui/icons-material": "^5.10.9",
     "@mui/material": "^5.10.13",
     "@mui/x-data-grid": "^5.17.11",
diff --git a/src/main.tsx b/src/main.tsx
index 08241f4d6f35289afb2cf5060a6441c1e7209954..b429b76940ca5c4af1792e5cbca0436c622486dd 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,6 +2,11 @@
 /// <reference types="vite-plugin-svgr/client" />
 import "./assets/styles/index.scss";
 
+import { ResizeObserver } from "@juggle/resize-observer";
+if (!window.ResizeObserver) {
+  window.ResizeObserver = ResizeObserver;
+}
+
 import React from "react";
 import ReactDOM from "react-dom";
 import { RecoilRoot } from "recoil";
diff --git a/yarn.lock b/yarn.lock
index 04a24b1986b21c9367cf60c68dc4e78dc3947cdf..dd0970c5d193ecdb07cbd7d0831c24b2412c6ae2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -482,6 +482,11 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
+"@juggle/resize-observer@^3.4.0":
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/@juggle/resize-observer/-/resize-observer-3.4.0.tgz#08d6c5e20cf7e4cc02fd181c4b0c225cd31dbb60"
+  integrity sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==
+
 "@mui/base@5.0.0-alpha.105":
   version "5.0.0-alpha.105"
   resolved "https://registry.npmmirror.com/@mui/base/-/base-5.0.0-alpha.105.tgz#ddf92c86db3355e0fe6886a818be073e2ee9a9f9"