From 89fdfe65e8907e49f06c2ad89ef46e09a3a3b68f Mon Sep 17 00:00:00 2001
From: wintonzheng <null>
Date: Thu, 10 Oct 2024 17:26:41 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=84=20synced=20local=20'skyvern-fronte?=
 =?UTF-8?q?nd/src/'=20with=20remote=20'skyvern-frontend/src/'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!-- ELLIPSIS_HIDDEN -->

> [!IMPORTANT]
> Add `className="w-full"` to `ScrollArea` in `ScrollableActionList.tsx` to fix layout issue when no actions are present.
>
>   - **UI Fix**:
>     - Add `className="w-full"` to `ScrollArea` in `ScrollableActionList.tsx` to ensure full width rendering when no actions are present.
>
> <sup>This description was created by </sup>[<img alt="Ellipsis" src="https://img.shields.io/badge/Ellipsis-blue?color=175173">](https://www.ellipsis.dev?ref=Skyvern-AI%2Fskyvern-cloud&utm_source=github&utm_medium=referral)<sup> for b9e8fec59429c43b4daa94db4bfb22d8856c8745. It will automatically update as commits are pushed.</sup>

<!-- ELLIPSIS_HIDDEN -->
---
 .../src/routes/tasks/detail/ScrollableActionList.tsx            | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/skyvern-frontend/src/routes/tasks/detail/ScrollableActionList.tsx b/skyvern-frontend/src/routes/tasks/detail/ScrollableActionList.tsx
index 58d953b5e..381cf7c80 100644
--- a/skyvern-frontend/src/routes/tasks/detail/ScrollableActionList.tsx
+++ b/skyvern-frontend/src/routes/tasks/detail/ScrollableActionList.tsx
@@ -156,7 +156,7 @@ function ScrollableActionList({
           <ArrowDownIcon />
         </Button>
       </div>
-      <ScrollArea>
+      <ScrollArea className="w-full">
         <ScrollAreaViewport className="h-full w-full rounded-[inherit]">
           <div className="w-full space-y-4 px-4 pb-4">
             {showStreamOption && (