From 66d6a8aa01d63c98cde2fe33193a4d1e359ac5af Mon Sep 17 00:00:00 2001
From: Celal Zamanoglu <95054566+celalzamanoglu@users.noreply.github.com>
Date: Tue, 3 Feb 2026 17:42:19 +0300
Subject: [PATCH] Fix UI line lag when toggling Advanced Settings (#SKY-7702)
 (#4618)

---
 .../src/routes/workflows/editor/edges/EdgeWithAddButton.tsx | 1 +
 .../src/routes/workflows/editor/reactFlowOverrideStyles.css | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/skyvern-frontend/src/routes/workflows/editor/edges/EdgeWithAddButton.tsx b/skyvern-frontend/src/routes/workflows/editor/edges/EdgeWithAddButton.tsx
index fe923888..aff88a3c 100644
--- a/skyvern-frontend/src/routes/workflows/editor/edges/EdgeWithAddButton.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/edges/EdgeWithAddButton.tsx
@@ -276,6 +276,7 @@ function EdgeWithAddButton({
           style={{
             position: "absolute",
             transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
+            transition: "transform 0.2s ease-out",
             fontSize: 12,
             // everything inside EdgeLabelRenderer has no pointer events by default
             // if you have an interactive element, set pointer-events: all
diff --git a/skyvern-frontend/src/routes/workflows/editor/reactFlowOverrideStyles.css b/skyvern-frontend/src/routes/workflows/editor/reactFlowOverrideStyles.css
index 7783f139..6a6ef7cf 100644
--- a/skyvern-frontend/src/routes/workflows/editor/reactFlowOverrideStyles.css
+++ b/skyvern-frontend/src/routes/workflows/editor/reactFlowOverrideStyles.css
@@ -16,18 +16,18 @@
 
 /* Smooth transitions for node position and size changes */
 .react-flow__node {
-  transition: transform 0.3s ease-in-out;
+  transition: transform 0.2s ease-out;
 }
 
 /* Smooth transitions for edge position updates */
 .react-flow__edge path,
 .react-flow__edge-path {
-  transition: d 0.3s ease-in-out;
+  transition: d 0.2s ease-out;
 }
 
 .react-flow__edge text,
 .react-flow__edge-text {
-  transition: transform 0.3s ease-in-out;
+  transition: transform 0.2s ease-out;
 }
 
 .react-flow__handle-top {