From d5f9d7e7956c3c91a24f3cc8a5425c73fec96252 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 12 May 2026 06:12:20 +0000
Subject: [PATCH] fix: even padding in filter sidebar and column header

- override shadcn ui accordion's gap-4 to gap-2 on filter triggers and
  restore pr-2 on the inner row so the reset button no longer floats
  too far from the chevron
- drop the unnecessary `!` important markers on the sort chevrons in
  data-table-column-header; the shadcn Button base already respects
  any explicit size-* class via [&_svg:not([class*='size-'])]:size-4
---
 .../src/components/data-table/data-table-column-header.tsx    | 4 ++--
 .../src/components/data-table/data-table-filter-controls.tsx  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/registry/src/components/data-table/data-table-column-header.tsx b/packages/registry/src/components/data-table/data-table-column-header.tsx
index 3e59ac0..aeea518 100644
--- a/packages/registry/src/components/data-table/data-table-column-header.tsx
+++ b/packages/registry/src/components/data-table/data-table-column-header.tsx
@@ -36,7 +36,7 @@ export function DataTableColumnHeader<TData, TValue>({
       <span className="flex flex-col">
         <ChevronUp
           className={cn(
-            "-mb-0.5! size-3!",
+            "-mb-0.5 size-3",
             column.getIsSorted() === "asc"
               ? "text-accent-foreground"
               : "text-muted-foreground",
@@ -44,7 +44,7 @@ export function DataTableColumnHeader<TData, TValue>({
         />
         <ChevronDown
           className={cn(
-            "-mt-0.5! size-3!",
+            "-mt-0.5 size-3",
             column.getIsSorted() === "desc"
               ? "text-accent-foreground"
               : "text-muted-foreground",
diff --git a/packages/registry/src/components/data-table/data-table-filter-controls.tsx b/packages/registry/src/components/data-table/data-table-filter-controls.tsx
index 21f3103..4c93bcb 100644
--- a/packages/registry/src/components/data-table/data-table-filter-controls.tsx
+++ b/packages/registry/src/components/data-table/data-table-filter-controls.tsx
@@ -54,8 +54,8 @@ export function DataTableFilterControls() {
         if (!FilterComponent) return null;
         return (
           <AccordionItem key={value} value={value} className="border-none">
-            <AccordionTrigger className="data-[state=closed]:text-muted-foreground data-[state=open]:text-foreground focus-within:data-[state=closed]:text-foreground hover:data-[state=closed]:text-foreground w-full items-center px-2 py-0 hover:no-underline">
-              <div className="flex w-full items-center justify-between gap-2 truncate py-2">
+            <AccordionTrigger className="data-[state=closed]:text-muted-foreground data-[state=open]:text-foreground focus-within:data-[state=closed]:text-foreground hover:data-[state=closed]:text-foreground w-full items-center gap-2 px-2 py-0 hover:no-underline">
+              <div className="flex w-full items-center justify-between gap-2 truncate py-2 pr-2">
                 <div className="flex items-center gap-2 truncate">
                   <p className="text-sm font-medium">{field.label}</p>
                   {value !== field.label.toLowerCase() &&