Clip table header background inside the rounded border

2026-07-29 07:24:58 +02:00
parent 6d3ea6c6b1
commit 956212031a
1 changed files with 4 additions and 1 deletions
@@ -1226,7 +1226,10 @@ export function DynamicList({ viewName }: DynamicListProps) {
      )}

      <div className="rounded-lg border bg-background shadow-sm">
-        <div className="overflow-x-auto">
+        {/* The scroll container must clip with the parent's inner radius
+            (outer radius minus the 1px border), otherwise filled header rows
+            paint square corners behind the rounded border. */}
+        <div className="overflow-x-auto rounded-[calc(var(--radius-lg)-1px)]">
          <table className="w-full text-sm">
            <thead>
              <tr className="border-b bg-muted">