From 77140cae32e52845b4d1d798e5f2a7b5b69da6dc Mon Sep 17 00:00:00 2001 From: Gildas Garcia <1122076+djhi@users.noreply.github.com> Date: Tue, 5 May 2026 02:30:41 +0200 Subject: [PATCH] fix: table hover styles are incorrect (#45512) ## Problem When migrating to tailwind v4, we introduced a regression on table styles when hovering a row: image ## Solution Fix the styles: image ## Summary by CodeRabbit * **Style** * Enhanced table row and cell styling to improve hover effects and selection state visual feedback, providing clearer and more consistent interactions when working with tabular data. --- packages/ui/src/components/shadcn/ui/table.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/ui/src/components/shadcn/ui/table.tsx b/packages/ui/src/components/shadcn/ui/table.tsx index ae60bcbcd5..d4841181f8 100644 --- a/packages/ui/src/components/shadcn/ui/table.tsx +++ b/packages/ui/src/components/shadcn/ui/table.tsx @@ -52,10 +52,7 @@ const TableRow = React.forwardRef ( td]:hover:bg-surface-200 data-[state=selected]:bg-muted', - className - )} + className={cn('border-b group data-[state=selected]:bg-muted', className)} {...props} /> ) @@ -151,7 +148,10 @@ const TableCell = React.forwardRef< >(({ className, ...props }, ref) => ( ))