From b3bdb3899760b4d1e6ec74e09e8a94674fa13498 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Mon, 25 Mar 2024 03:12:17 +0200
Subject: [PATCH] Refactor MachineCollapsedContent.js to use inline styles

---
 .../common/MachineCollapsedContent.js         | 26 +++++++++----------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/frontend/src/features/machines/components/common/MachineCollapsedContent.js b/frontend/src/features/machines/components/common/MachineCollapsedContent.js
index d545fd6..97f39bb 100644
--- a/frontend/src/features/machines/components/common/MachineCollapsedContent.js
+++ b/frontend/src/features/machines/components/common/MachineCollapsedContent.js
@@ -3,23 +3,21 @@ import PropTypes from "prop-types";
 import MachineLog from "./MachineLog";
 import Typography from "@mui/material/Typography";
 import { useSensitiveInfo } from "../../../../hooks";
-import { makeStyles } from "@mui/material/styles";
-
-const useStyles = makeStyles(_theme => ({
-  panel: {
-    display: "flex"
-  },
-  label: {
-    marginRight: "4px"
-  }
-}));
 
 const MachineDescription = ({ description }) => {
-  const classes = useStyles();
-
   return (
-    <div className={classes.panel}>
-      <Typography variant="body2" className={classes.label} color="textSecondary">
+    <div
+      style={{
+        display: "flex"
+      }}
+    >
+      <Typography
+        variant="body2"
+        sx={{
+          marginRight: "4px"
+        }}
+        color="textSecondary"
+      >
         {"Description:"}
       </Typography>
       <Typography variant="body2" color="textSecondary">