diff --git a/apps/web/src/components/SlashCommandPicker.tsx b/apps/web/src/components/SlashCommandPicker.tsx
index 6114dbf..48ed31b 100644
--- a/apps/web/src/components/SlashCommandPicker.tsx
+++ b/apps/web/src/components/SlashCommandPicker.tsx
@@ -225,7 +225,7 @@ export function SlashCommandPicker({
               setHighlightIndex(i);
               setExpandedIndex((prev) => (prev === i ? null : i));
             }}
-            className="-mr-1 -mt-0.5 flex shrink-0 items-center justify-center rounded p-1 text-muted-foreground/60 transition-colors hover:bg-foreground/10 hover:text-foreground max-md:min-h-[36px] max-md:min-w-[36px]"
+            className="-mr-1 -mt-0.5 flex shrink-0 items-center justify-center rounded-md border border-border bg-background p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground max-md:min-h-[36px] max-md:min-w-[36px]"
           >
             <ChevronRight
               className={cn(