2 files changed, 4 insertions, 4 deletions
diff --git a/modern/src/common/components/RemoveDialog.jsx b/modern/src/common/components/RemoveDialog.jsx
index 9a2a27fb..0f4254a8 100644
--- a/modern/src/common/components/RemoveDialog.jsx
+++ b/modern/src/common/components/RemoveDialog.jsx
@@ -16,7 +16,7 @@ const useStyles = makeStyles((theme) => ({
     height: 'auto',
     marginTop: 0,
     marginBottom: 0,
-    color: theme.palette.colors.negative,
+    color: theme.palette.error.main,
   },
 }));
 
diff --git a/modern/src/common/components/StatusCard.jsx b/modern/src/common/components/StatusCard.jsx
index c8898b7c..38de944b 100644
--- a/modern/src/common/components/StatusCard.jsx
+++ b/modern/src/common/components/StatusCard.jsx
@@ -60,8 +60,8 @@ const useStyles = makeStyles((theme) => ({
     maxHeight: theme.dimensions.cardContentMaxHeight,
     overflow: 'auto',
   },
-  negative: {
-    color: theme.palette.colors.negative,
+  delete: {
+    color: theme.palette.error.main,
   },
   icon: {
     width: '25px',
@@ -254,7 +254,7 @@ const StatusCard = ({ deviceId, position, onClose, disableActions, desktopPaddin
                 <IconButton
                   onClick={() => setRemoving(true)}
                   disabled={disableActions || deviceReadonly}
-                  className={classes.negative}
+                  className={classes.delete}
                 >
                   <DeleteIcon />
                 </IconButton>