diff --git a/.storybook/main.js b/.storybook/main.js
index 4c1a7e9b02..c5432a5494 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -6,7 +6,6 @@ module.exports = {
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
-    'storybook-addon-material-ui5',
     'storybook-addon-mock/register',
   ],
   framework: '@storybook/nextjs',
diff --git a/.storybook/preview.js b/.storybook/preview.js
index dfc23fb304..70e8f9e8ce 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -3,9 +3,9 @@ import dayjs from 'dayjs';
 import { IntlProvider } from 'react-intl';
 import isoWeek from 'dayjs/plugin/isoWeek';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { muiTheme } from 'storybook-addon-material-ui5';
 import withMock from 'storybook-addon-mock';
 import { Provider as ReduxProvider } from 'react-redux';
+import { ThemeProvider } from '@mui/material';
 
 import theme from '../src/theme';
 import '../src/styles.css';
@@ -25,7 +25,11 @@ const I18nProvider = (props) => {
 };
 
 export const decorators = [
-  muiTheme([theme]),
+  (Story) => (
+    <ThemeProvider theme={theme}>
+      <Story />
+    </ThemeProvider>
+  ),
   (story) => <ReduxProvider store={createStore()}>{story()}</ReduxProvider>,
   (story) => <I18nProvider>{story()}</I18nProvider>,
   withMock,
diff --git a/package.json b/package.json
index 1190406023..05c4ee8974 100644
--- a/package.json
+++ b/package.json
@@ -148,7 +148,6 @@
     "npm-run-all2": "^6.0.4",
     "prettier": "^2.5.1",
     "storybook": "7.0",
-    "storybook-addon-material-ui5": "^1.0.0",
     "storybook-addon-mock": "^2.4.0",
     "ts-jest": "^27.0.5",
     "ts-loader": "^9.2.6",