diff --git a/packages/orchestrator-ui-components/src/components/WfoInsyncIcon/WfoInsyncIcon.tsx b/packages/orchestrator-ui-components/src/components/WfoInsyncIcon/WfoInsyncIcon.tsx
index cdab5d607..78f72f431 100644
--- a/packages/orchestrator-ui-components/src/components/WfoInsyncIcon/WfoInsyncIcon.tsx
+++ b/packages/orchestrator-ui-components/src/components/WfoInsyncIcon/WfoInsyncIcon.tsx
@@ -14,13 +14,13 @@ export const WfoInsyncIcon = ({ inSync }: WfoInsyncIconProps) => {
         <WfoCheckmarkCircleFill
             height={20}
             width={20}
-            color={theme.colors.mediumShade}
+            color={theme.colors.primary}
         />
     ) : (
         <WfoMinusCircleFill
             height={20}
             width={20}
-            color={theme.colors.warningText}
+            color={theme.colors.danger}
         />
     );
 };