diff --git a/frontend/src/features/machines/components/MachineAccordion.js b/frontend/src/features/machines/components/MachineAccordion.js
index 2fb29e0..6da4a84 100644
--- a/frontend/src/features/machines/components/MachineAccordion.js
+++ b/frontend/src/features/machines/components/MachineAccordion.js
@@ -2,13 +2,13 @@ import React from "react";
 import PropTypes from "prop-types";
 import { Accordion, AccordionSummary, AccordionDetails, Grid } from "@mui/material";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import withStyles from "@mui/material/styles/withStyles";
 import MachineCollapsedContent from "./common/MachineCollapsedContent";
 import { DataLabel } from "../../../components/common";
 import { useTranslation } from "react-i18next";
 import { useSensitiveInfo } from "../../../hooks";
 import ActionsGroup from "./common/ActionsGroup";
 import { makeStyles } from "@mui/material/styles";
+import { styled } from "@mui/system";
 
 const useStyles = makeStyles(() => ({
   panel: {
@@ -17,7 +17,7 @@ const useStyles = makeStyles(() => ({
   }
 }));
 
-const IconLeftAccordionSummary = withStyles(theme => ({
+const IconLeftAccordionSummary = styled(AccordionSummary)(({ theme }) => ({
   root: {
     minHeight: "20px",
     height: "42px",
@@ -31,7 +31,7 @@ const IconLeftAccordionSummary = withStyles(theme => ({
   expandIcon: {
     order: -1
   }
-}))(AccordionSummary);
+}));
 
 const GridCell = ({ label, value }) => {
   const { mask } = useSensitiveInfo();