Fix mini table header border (#3045)

benjaminleonard · web-flow · commit 5c3c4074bbe5 · 2026-02-06T07:34:51.000-06:00
diff --git a/app/ui/lib/Table.tsx b/app/ui/lib/Table.tsx
@@ -50,7 +50,7 @@ Table.HeadCell = ({ className, children, ...props }: TableHeadCellProps) => (
   <th
     className={cn(
       className,
-      'text-mono-sm bg-secondary border-default *:first-child:border-0 h-9 border border-x-0 pr-px pl-0 text-left'
+      'text-mono-sm bg-secondary border-default h-9 border-y pr-px pl-0 text-left'
     )}
     {...props}
   >
diff --git a/app/ui/styles/components/mini-table.css b/app/ui/styles/components/mini-table.css
@@ -67,12 +67,12 @@
 
   & thead tr:first-of-type th:first-of-type {
     border-top-left-radius: var(--radius-lg);
-    @apply border-l;
+    @apply overflow-hidden border-l;
   }
 
   & thead tr:first-of-type th:last-of-type {
     border-top-right-radius: var(--radius-lg);
-    @apply w-8 border-r;
+    @apply w-8 overflow-hidden border-r;
   }
 
   & tbody tr:last-of-type td:first-of-type {

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@ Table.HeadCell = ({ className, children, ...props }: TableHeadCellProps) => (`
`50`	`50`	`<th`
`51`	`51`	`className={cn(`
`52`	`52`	`className,`
`53`		`- 'text-mono-sm bg-secondary border-default *:first-child:border-0 h-9 border border-x-0 pr-px pl-0 text-left'`
	`53`	`+ 'text-mono-sm bg-secondary border-default h-9 border-y pr-px pl-0 text-left'`
`54`	`54`	`)}`
`55`	`55`	`{...props}`
`56`	`56`	`>`
Original file line number	Diff line number	Diff line change
`@@ -67,12 +67,12 @@`
`67`	`67`
`68`	`68`	`& thead tr:first-of-type th:first-of-type {`
`69`	`69`	`border-top-left-radius: var(--radius-lg);`
`70`		`- @apply border-l;`
	`70`	`+ @apply overflow-hidden border-l;`
`71`	`71`	`}`
`72`	`72`
`73`	`73`	`& thead tr:first-of-type th:last-of-type {`
`74`	`74`	`border-top-right-radius: var(--radius-lg);`
`75`		`- @apply w-8 border-r;`
	`75`	`+ @apply w-8 overflow-hidden border-r;`
`76`	`76`	`}`
`77`	`77`
`78`	`78`	`& tbody tr:last-of-type td:first-of-type {`