From 4a16210f159638dd2d77739bf3dc15955dc6d882 Mon Sep 17 00:00:00 2001 From: neha Date: Wed, 17 Sep 2025 11:30:30 +0530 Subject: [PATCH 1/2] fix: resolve Firefox search icon overlapping placeholder text - Increase input left padding from pl-4 to pl-9 to provide clearance - Remove redundant placeholder:pl-4 class - Ensures 24px spacing between search icon and text content --- frontend/src/components/Sidebar/SearchBox/index.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/components/Sidebar/SearchBox/index.jsx b/frontend/src/components/Sidebar/SearchBox/index.jsx index d5353d3baeb..1b29129b3c1 100644 --- a/frontend/src/components/Sidebar/SearchBox/index.jsx +++ b/frontend/src/components/Sidebar/SearchBox/index.jsx @@ -61,7 +61,7 @@ export default function SearchBox({ user, showNewWsModal }) { onChange={handleSearch} onReset={handleReset} onFocus={(e) => e.target.select()} - className="border-none w-full h-full rounded-lg bg-theme-sidebar-item-default pl-4 pr-1 placeholder:text-theme-settings-input-placeholder placeholder:pl-4 outline-none text-white search-input peer text-sm" + className="border-none w-full h-full rounded-lg bg-theme-sidebar-item-default pl-9 pr-1 placeholder:text-theme-settings-input-placeholder outline-none text-white search-input peer text-sm" /> Date: Tue, 23 Sep 2025 11:51:59 -0700 Subject: [PATCH 2/2] Update SearchBox component to adjust padding on focus state --- frontend/src/components/Sidebar/SearchBox/index.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/components/Sidebar/SearchBox/index.jsx b/frontend/src/components/Sidebar/SearchBox/index.jsx index 1b29129b3c1..d03cc88264b 100644 --- a/frontend/src/components/Sidebar/SearchBox/index.jsx +++ b/frontend/src/components/Sidebar/SearchBox/index.jsx @@ -61,7 +61,7 @@ export default function SearchBox({ user, showNewWsModal }) { onChange={handleSearch} onReset={handleReset} onFocus={(e) => e.target.select()} - className="border-none w-full h-full rounded-lg bg-theme-sidebar-item-default pl-9 pr-1 placeholder:text-theme-settings-input-placeholder outline-none text-white search-input peer text-sm" + className="border-none w-full h-full rounded-lg bg-theme-sidebar-item-default pl-9 focus:pl-4 pr-1 placeholder:text-theme-settings-input-placeholder outline-none text-white search-input peer text-sm" />