Skip to content

Commit e460a05

Browse files
Fix x button vertical centering in filter scripts search bar
- Removed size='icon' constraint that limited button height - Changed positioning to use inset-y-0 with h-full to match input field height - Added flex items-center justify-center for proper icon centering - Fixes hover background height mismatch between light and dark themes
1 parent 21f723b commit e460a05

File tree

1 file changed

+1
-2
lines changed

1 file changed

+1
-2
lines changed

src/app/_components/FilterBar.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -158,8 +158,7 @@ export function FilterBar({
158158
<Button
159159
onClick={() => updateFilters({ searchQuery: "" })}
160160
variant="ghost"
161-
size="icon"
162-
className="absolute inset-y-0 right-0 pr-3 text-muted-foreground hover:text-foreground"
161+
className="absolute inset-y-0 right-0 flex items-center justify-center pr-3 h-full text-muted-foreground hover:text-foreground"
163162
>
164163
<svg
165164
className="h-5 w-5"

0 commit comments

Comments
 (0)