diff --git a/frontend/src/components/dashboard/WorkflowPipeline.tsx b/frontend/src/components/dashboard/WorkflowPipeline.tsx
index 951de8d3..9324da96 100644
--- a/frontend/src/components/dashboard/WorkflowPipeline.tsx
+++ b/frontend/src/components/dashboard/WorkflowPipeline.tsx
@@ -40,9 +40,9 @@ export default function WorkflowPipeline({
   const getStatusIcon = (status: WorkflowStep["status"], stepNumber: number) => {
     switch (status) {
       case "completed":
-        return <CheckCircleIcon className="size-5" />;
+        return <CheckCircleIcon className="size-5 text-white" />;
       case "in_progress":
-        return <TimeIcon className="size-5" />;
+        return <TimeIcon className="size-5 text-white" />;
       case "pending":
         return <span className="text-sm font-bold">{stepNumber}</span>;
     }