From 9c15d477d6cdb4ff738b391cdd5bdf156a93e8fb Mon Sep 17 00:00:00 2001
From: Shuchang Zheng <wintonzheng0325@gmail.com>
Date: Sat, 25 Jan 2025 04:50:33 +0800
Subject: [PATCH] Change style of search by title input of workflows (#1644)

---
 skyvern-frontend/src/routes/workflows/Workflows.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/skyvern-frontend/src/routes/workflows/Workflows.tsx b/skyvern-frontend/src/routes/workflows/Workflows.tsx
index 7bfe5e57f..8bda5a359 100644
--- a/skyvern-frontend/src/routes/workflows/Workflows.tsx
+++ b/skyvern-frontend/src/routes/workflows/Workflows.tsx
@@ -157,15 +157,17 @@ function Workflows() {
       <div className="space-y-4">
         <header className="flex justify-between">
           <h1 className="text-2xl font-semibold">Workflows</h1>
-          <div className="flex w-48 items-center rounded-md border pl-4 lg:w-72">
-            <MagnifyingGlassIcon className="size-6" />
+          <div className="relative">
+            <div className="absolute left-0 top-0 flex size-9 items-center justify-center">
+              <MagnifyingGlassIcon className="size-6" />
+            </div>
             <Input
               value={search}
               onChange={(event) => {
                 setSearch(event.target.value);
               }}
               placeholder="Search by title..."
-              className="border-transparent hover:border-transparent focus-visible:ring-0"
+              className="w-48 pl-9 lg:w-72"
             />
           </div>
         </header>