diff --git a/frontend/src/components/Displays/MissionDisplays/MissionStatusDisplay.tsx b/frontend/src/components/Displays/MissionDisplays/MissionStatusDisplay.tsx
index 38e09a206..5d1ae71cb 100644
--- a/frontend/src/components/Displays/MissionDisplays/MissionStatusDisplay.tsx
+++ b/frontend/src/components/Displays/MissionDisplays/MissionStatusDisplay.tsx
@@ -39,17 +39,18 @@ const MissionStatusIcon = ({ status }: StatusProps) => {
         case MissionStatus.Ongoing: {
             return <StyledIcon name={Icons.Ongoing} style={{ color: tokens.colors.text.static_icons__secondary.hex }} />
         }
-        case MissionStatus.Failed: {
-            return <StyledIcon name={Icons.Failed} style={{ color: tokens.colors.interactive.danger__resting.hex }} />
-        }
         case MissionStatus.Successful: {
             return (
                 <StyledIcon name={Icons.Successful} style={{ color: tokens.colors.interactive.success__resting.hex }} />
             )
         }
-        case MissionStatus.PartiallySuccessful: {
+        case MissionStatus.PartiallySuccessful:
+        case MissionStatus.Cancelled: {
             return <StyledIcon name={Icons.Warning} style={{ color: tokens.colors.interactive.warning__resting.hex }} />
         }
+        case MissionStatus.Failed: {
+            return <StyledIcon name={Icons.Failed} style={{ color: tokens.colors.interactive.danger__resting.hex }} />
+        }
     }
     return <StyledIcon name={Icons.Failed} style={{ color: tokens.colors.interactive.danger__resting.hex }} />
 }