From 8c85e2fdc60fe1d78321a221c214f10bad35a8a8 Mon Sep 17 00:00:00 2001
From: Jonathan Dobson <jon.m.dobson@gmail.com>
Date: Tue, 30 Sep 2025 15:17:45 -0400
Subject: [PATCH] Input > WorkflowBlockInputArea for filename in
 FileDownloadNode (#3564)

---
 .../nodes/FileDownloadNode/FileDownloadNode.tsx  | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/FileDownloadNode/FileDownloadNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/FileDownloadNode/FileDownloadNode.tsx
index b6a97d34..bfc81a1b 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/FileDownloadNode/FileDownloadNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/FileDownloadNode/FileDownloadNode.tsx
@@ -313,7 +313,7 @@ function FileDownloadNode({ id, data }: NodeProps<FileDownloadNode>) {
                     </div>
                   </div>
                   <Separator />
-                  <div className="flex items-center justify-between">
+                  <div className="space-y-2">
                     <div className="flex gap-2">
                       <Label className="text-xs font-normal text-slate-300">
                         File Name
@@ -322,14 +322,14 @@ function FileDownloadNode({ id, data }: NodeProps<FileDownloadNode>) {
                         content={helpTooltips["download"]["fileSuffix"]}
                       />
                     </div>
-                    <Input
-                      type="text"
-                      placeholder={placeholders["download"]["downloadSuffix"]}
-                      className="nopan w-52 text-xs"
-                      value={inputs.downloadSuffix ?? ""}
-                      onChange={(event) => {
-                        handleChange("downloadSuffix", event.target.value);
+                    <WorkflowBlockInputTextarea
+                      nodeId={id}
+                      onChange={(value) => {
+                        handleChange("downloadSuffix", value);
                       }}
+                      value={inputs.downloadSuffix ?? ""}
+                      placeholder={placeholders["download"]["downloadSuffix"]}
+                      className="nopan text-xs"
                     />
                   </div>
                   <Separator />