frontend: space command item icons from their labels

CommandItem rendered the icon flush against the label. Add a gap (and normalize
icon sizing) so the two no longer touch.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Khalid Abdi
2026-06-12 19:16:55 +03:00
parent 67fdf15de4
commit e2bcb2cfbc
+4 -1
View File
@@ -212,7 +212,10 @@ export function CommandItem({
}: React.ComponentProps<typeof AutocompleteItem>): React.ReactElement {
return (
<AutocompleteItem
className={cn("py-1.5", className)}
className={cn(
"gap-2 py-1.5 [&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0",
className,
)}
data-slot="command-item"
{...props}
/>