diff --git a/web/src/sections/sidebar/AppSidebar.tsx b/web/src/sections/sidebar/AppSidebar.tsx
index 8c6e199be7..d861050603 100644
--- a/web/src/sections/sidebar/AppSidebar.tsx
+++ b/web/src/sections/sidebar/AppSidebar.tsx
@@ -619,8 +619,8 @@ export default function AppSidebar() {
             </SidebarTab>
           </div>
           <ChatSearchCommandMenu
-            trigger={(open) => (
-              <SidebarTab icon={SvgSearchMenu} onClick={open}>
+            trigger={(open, isOpen) => (
+              <SidebarTab icon={SvgSearchMenu} selected={isOpen} onClick={open}>
                 {t("appSidebar.searchChats.label")}
               </SidebarTab>
             )}
diff --git a/web/src/sections/sidebar/ChatSearchCommandMenu.tsx b/web/src/sections/sidebar/ChatSearchCommandMenu.tsx
index 78058844cd..74156135b5 100644
--- a/web/src/sections/sidebar/ChatSearchCommandMenu.tsx
+++ b/web/src/sections/sidebar/ChatSearchCommandMenu.tsx
@@ -54,8 +54,8 @@ function DynamicFooter() {
 }
 
 interface ChatSearchCommandMenuProps {
-  /** Renders the control that opens the menu. */
-  trigger: (open: () => void) => React.ReactNode;
+  /** Renders the control that opens the menu. `isOpen` lets it show a selected state. */
+  trigger: (open: () => void, isOpen: boolean) => React.ReactNode;
 }
 
 interface FilterableProject {
@@ -211,7 +211,7 @@ export default function ChatSearchCommandMenu({
 
   return (
     <>
-      {trigger(handleOpen)}
+      {trigger(handleOpen, open)}
 
       <CommandMenu open={open} onOpenChange={handleOpenChange}>
         <CommandMenu.Content>