Fix SearchBar — increase gap so focus ring doesn't touch button

- Gap 6px → 10px (gap: 2.5) to clear the 5px focus ring

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-25 21:14:49 +11:00
parent c4e651ac6e
commit c56aed3f74

View File

@@ -111,7 +111,7 @@ export const SearchBar = React.forwardRef<HTMLDivElement, SearchBarProps>(
{ {
display: 'flex', display: 'flex',
alignItems: 'flex-start', alignItems: 'flex-start',
gap: 1.5, gap: 2.5,
...(fullWidth && { width: '100%' }), ...(fullWidth && { width: '100%' }),
}, },
...(Array.isArray(sx) ? sx : [sx]), ...(Array.isArray(sx) ? sx : [sx]),