From d254ac3b945c86fd0ddca591d5d56a90ce123684 Mon Sep 17 00:00:00 2001
From: Desktop <desktop@igny8.com>
Date: Wed, 12 Nov 2025 22:26:16 +0500
Subject: [PATCH] Update WorkflowPipeline.tsx

---
 frontend/src/components/dashboard/WorkflowPipeline.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

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>
               )}