From fae58d90bb190ee52c0b6ed23012f5e5e9482a49 Mon Sep 17 00:00:00 2001
From: Naiyuan Qing <145280634+NevilleQingNY@users.noreply.github.com>
Date: Thu, 9 Apr 2026 18:43:52 +0800
Subject: [PATCH] fix(web): use ghost style for sidebar search button

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 apps/web/app/(dashboard)/_components/app-sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/app/(dashboard)/_components/app-sidebar.tsx b/apps/web/app/(dashboard)/_components/app-sidebar.tsx
index 5ace399325..2fb7291c62 100644
--- a/apps/web/app/(dashboard)/_components/app-sidebar.tsx
+++ b/apps/web/app/(dashboard)/_components/app-sidebar.tsx
@@ -177,7 +177,7 @@ export function AppSidebar() {
             <div className="flex items-center gap-1">
               <Tooltip>
                 <TooltipTrigger
-                  className="flex h-7 w-7 items-center justify-center rounded-lg bg-secondary text-muted-foreground hover:bg-secondary/80 hover:text-secondary-foreground"
+                  className="flex h-7 w-7 items-center justify-center rounded-lg text-muted-foreground hover:bg-accent hover:text-accent-foreground"
                   onClick={() => useSearchStore.getState().setOpen(true)}
                 >
                   <Search className="size-3.5" />