diff --git a/package.json b/package.json
index 9bf535402..b6ab6343c 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,6 @@
     "@mui/icons-material": "^5.11.16",
     "@mui/lab": "^5.0.0-alpha.134",
     "@mui/material": "^5.13.5",
-    "@mui/styles": "^5.13.2",
     "@mui/utils": "^5.13.1",
     "@mui/x-tree-view": "^6.17.0",
     "@react-aria/live-announcer": "^3.1.2",
diff --git a/src/components/AppProviders.js b/src/components/AppProviders.js
index 4f0888beb..eb0f84bc1 100644
--- a/src/components/AppProviders.js
+++ b/src/components/AppProviders.js
@@ -5,8 +5,6 @@ import { I18nextProvider } from 'react-i18next';
 import {
   ThemeProvider, StyledEngineProvider, createTheme,
 } from '@mui/material/styles';
-import StylesProvider from '@mui/styles/StylesProvider';
-import createGenerateClassName from '@mui/styles/createGenerateClassName';
 import { DndContext, DndProvider } from 'react-dnd';
 import { MultiBackend } from 'react-dnd-multi-backend';
 import { HTML5toTouch } from 'rdndmb-html5-to-touch';
@@ -101,8 +99,6 @@ export class AppProviders extends Component {
       dndManager,
     } = this.props;
 
-    const generateClassName = createGenerateClassName(createGenerateClassNameOptions);
-
     /**
      * Create rtl emotion cache
      */
@@ -128,11 +124,9 @@ export class AppProviders extends Component {
           <StyledEngineProvider injectFirst>
             <CacheProvider value={theme.direction === 'rtl' ? cacheRtl : cacheDefault}>
               <ThemeProvider theme={createTheme((theme))}>
-                <StylesProvider generateClassName={generateClassName}>
-                  <MaybeDndProvider dndManager={dndManager}>
-                    {children}
-                  </MaybeDndProvider>
-                </StylesProvider>
+                <MaybeDndProvider dndManager={dndManager}>
+                  {children}
+                </MaybeDndProvider>
               </ThemeProvider>
             </CacheProvider>
           </StyledEngineProvider>