From afb39da5c349ed6b75582de7f77a4f8dcec9bf34 Mon Sep 17 00:00:00 2001
From: Shuchang Zheng <wintonzheng0325@gmail.com>
Date: Tue, 15 Oct 2024 06:08:45 -0700
Subject: [PATCH] Update loop node styles (#972)

Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>
---
 .../src/routes/workflows/editor/nodes/LoopNode/LoopNode.tsx     | 2 +-
 .../src/routes/workflows/editor/workflowEditorUtils.ts          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/LoopNode/LoopNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/LoopNode/LoopNode.tsx
index 18615449..1fd8ae81 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/LoopNode/LoopNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/LoopNode/LoopNode.tsx
@@ -77,7 +77,7 @@ function LoopNode({ id, data }: NodeProps<LoopNode>) {
         className="opacity-0"
       />
       <div
-        className="w-[60rem] rounded-md border-2 border-dashed border-slate-600 p-2"
+        className="w-[600px] rounded-xl border-2 border-dashed border-slate-600 p-2"
         style={{
           height: childrenHeightExtent,
         }}
diff --git a/skyvern-frontend/src/routes/workflows/editor/workflowEditorUtils.ts b/skyvern-frontend/src/routes/workflows/editor/workflowEditorUtils.ts
index de64ae96..9859ad8e 100644
--- a/skyvern-frontend/src/routes/workflows/editor/workflowEditorUtils.ts
+++ b/skyvern-frontend/src/routes/workflows/editor/workflowEditorUtils.ts
@@ -99,7 +99,7 @@ function layout(
     const maxChildWidth = Math.max(
       ...childNodes.map((node) => node.measured?.width ?? 0),
     );
-    const loopNodeWidth = 60 * 16; // 60 rem
+    const loopNodeWidth = 600; // 600 px
     const layouted = layoutUtil(childNodes, childEdges, {
       marginx: (loopNodeWidth - maxChildWidth) / 2,
       marginy: 200,