diff --git a/frontend/src/components/dashboard/WorkflowPipeline.tsx b/frontend/src/components/dashboard/WorkflowPipeline.tsx
index 59c161b9..951de8d3 100644
--- a/frontend/src/components/dashboard/WorkflowPipeline.tsx
+++ b/frontend/src/components/dashboard/WorkflowPipeline.tsx
@@ -151,7 +151,12 @@ export default function WorkflowPipeline({
               {!isLast && showConnections && (
                 <div className="flex items-center flex-1 min-w-[60px] max-w-[120px] mx-1">
                   <div className={`h-0.5 flex-1 ${getConnectionColor(step.status, nextStep?.status)} transition-colors duration-300`} />
-                  <ArrowRightIcon className={`size-4 mx-1 flex-shrink-0 ${step.status === "completed" ? "text-success-500" : "text-gray-400"} transition-colors duration-300`} />
+                  {/* Simple arrow using CSS */}
+                  <div 
+                    className={`flex-shrink-0 mx-1 w-0 h-0 border-t-[6px] border-t-transparent border-b-[6px] border-b-transparent border-l-[8px] transition-colors duration-300 ${
+                      step.status === "completed" ? "border-l-success-500" : "border-l-gray-400"
+                    }`}
+                  />
                   <div className={`h-0.5 flex-1 ${getConnectionColor(step.status, nextStep?.status)} transition-colors duration-300`} />
                 </div>
               )}