From 4d701b3e05d7b4a1120e778e4c4e7d7ca3dcc2fa Mon Sep 17 00:00:00 2001
From: Jonathan Dobson <jon.m.dobson@gmail.com>
Date: Tue, 26 Aug 2025 10:45:53 -0400
Subject: [PATCH] expand start block when code is flipped (#3301)

---
 .../workflows/editor/nodes/StartNode/StartNode.tsx       | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/StartNode/StartNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/StartNode/StartNode.tsx
index 6a2828ca..4597ba1e 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/StartNode/StartNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/StartNode/StartNode.tsx
@@ -32,11 +32,11 @@ import {
   scriptableWorkflowBlockTypes,
   type WorkflowBlockType,
 } from "@/routes/workflows/types/workflowTypes";
-
 import { Flippable } from "@/components/Flippable";
 import { useRerender } from "@/hooks/useRerender";
 import { useBlockScriptStore } from "@/store/BlockScriptStore";
 import { BlockCodeEditor } from "@/routes/workflows/components/BlockCodeEditor";
+import { cn } from "@/util/utils";
 
 function StartNode({ id, data }: NodeProps<StartNode>) {
   const workflowSettingsStore = useWorkflowSettingsStore();
@@ -146,7 +146,12 @@ function StartNode({ id, data }: NodeProps<StartNode>) {
             id="a"
             className="opacity-0"
           />
-          <div className="w-[30rem] rounded-lg bg-slate-elevation3 px-6 py-4 text-center">
+          <div
+            className={cn(
+              "w-[30rem] rounded-lg bg-slate-elevation3 px-6 py-4 text-center",
+              { "h-[20rem] overflow-hidden": facing === "back" },
+            )}
+          >
             <div className="relative">
               <div className="absolute right-0 top-0">
                 <div>