From af542569bf05328adf2989463cdc06de2b9d997d Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Wed, 19 Aug 2026 22:25:41 -0700
Subject: [PATCH] fix realtime search bar css

---
 .../[websiteId]/realtime/RealtimeLog.tsx         | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx b/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx
index 8c3b56514..36835447c 100644
--- a/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx
+++ b/src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx
@@ -181,15 +181,25 @@ export function RealtimeLog({ data }: { data: any }) {
       {isPhone ? (
         <>
           <Row marginBottom="1">
-            <SearchField value={search} onSearch={setSearch} />
+            <SearchField
+              value={search}
+              onSearch={setSearch}
+              placeholder={t(labels.search)}
+              className="w-full max-w-md"
+            />
           </Row>
           <Row>
             <FilterButtons items={buttons} value={filter} onChange={setFilter} />
           </Row>
         </>
       ) : (
-        <Row alignItems="center" justifyContent="space-between">
-          <SearchField value={search} onSearch={setSearch} />
+        <Row alignItems="center" justifyContent="space-between" gap="4">
+          <SearchField
+            value={search}
+            onSearch={setSearch}
+            placeholder={t(labels.search)}
+            className="w-full max-w-md"
+          />
           <FilterButtons items={buttons} value={filter} onChange={setFilter} />
         </Row>
       )}