From 36edb17bc4def4a6f499e47195d531c4f0e34e65 Mon Sep 17 00:00:00 2001
From: mohadeseh safari <mohadeseh.safari1992@gmail.com>
Date: Mon, 28 Apr 2025 22:59:49 -0400
Subject: [PATCH] fix

---
 .../Infrastructure/Details/Components/StatusBoxes/index.jsx  | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/Pages/Infrastructure/Details/Components/StatusBoxes/index.jsx b/client/src/Pages/Infrastructure/Details/Components/StatusBoxes/index.jsx
index 8dfe19a7b..a487dc883 100644
--- a/client/src/Pages/Infrastructure/Details/Components/StatusBoxes/index.jsx
+++ b/client/src/Pages/Infrastructure/Details/Components/StatusBoxes/index.jsx
@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 const InfraStatBoxes = ({ shouldRender, monitor }) => {
 	// Utils
 	const { formatBytes } = useHardwareUtils();
-	const { statusStyles, determineState } = useUtils();
+	const { determineState } = useUtils();
 	const { t } = useTranslation();
 
 	const { stats, uptimePercentage } = monitor ?? {};
@@ -41,7 +41,8 @@ const InfraStatBoxes = ({ shouldRender, monitor }) => {
 			flexWrap="wrap"
 		>
 			<StatBox
-				sx={statusStyles[determineState(monitor)]}
+				gradient={true}
+				status={determineState(monitor)}
 				heading={t("status")}
 				subHeading={determineState(monitor)}
 			/>