diff --git a/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.css b/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.css deleted file mode 100644 index 6a260491f..000000000 --- a/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.css +++ /dev/null @@ -1,5 +0,0 @@ -svg { - width: 20px; - height: 20px; - opacity: 0.9; -} diff --git a/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx b/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx index f925cf4c2..7b20e3d51 100644 --- a/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx +++ b/client/src/Pages/Incidents/Components/StatusBoxes/StatusBox.jsx @@ -6,14 +6,18 @@ import AlertIcon from "../../../../assets/icons/alert-icon.svg?react"; import CheckIcon from "../../../../assets/icons/check-icon.svg?react"; import CloseIcon from "../../../../assets/icons/close-icon.svg?react"; import WarningIcon from "../../../../assets/icons/warning-icon.svg?react"; -import "./StatusBox.css"; const StatusBox = ({ title, value, status }) => { const theme = useTheme(); let sharedStyles = { position: "absolute", right: 8, - "& svg path": { stroke: theme.palette.primary.contrastTextTertiary }, + "& svg": { + width: 20, + height: 20, + opacity: 0.9, + "& path": { stroke: theme.palette.primary.contrastTextTertiary, strokeWidth: 1.7 }, + }, }; let color;