diff --git a/frontend/package.json b/frontend/package.json
index 35eb1a54..41c0790d 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -12,6 +12,7 @@
     "@metamask/detect-provider": "^1.2.0",
     "@mui/icons-material": "^5.14.0",
     "@mui/material": "^5.14.0",
+    "@mui/styles": "^6.1.4",
     "@mui/x-data-grid": "^5.17.11",
     "@mui/x-date-pickers": "^6.11.1",
     "@types/algoliasearch": "^3.34.11",
diff --git a/frontend/src/components/NewHeader.jsx b/frontend/src/components/NewHeader.jsx
index d363b128..7432caf3 100644
--- a/frontend/src/components/NewHeader.jsx
+++ b/frontend/src/components/NewHeader.jsx
@@ -28,7 +28,7 @@ import {
   Dialog,
   DialogTitle,
 } from "@mui/material";
-import { makeStyles } from '@mui/system';
+import { makeStyles } from "@mui/styles";
 
 import {
   Close as CloseIcon,