From 956212031a45ecab0b1b297abfb12e071c1a4bf4 Mon Sep 17 00:00:00 2001
From: Steven RYDELL <srydell@gmx.com>
Date: Wed, 29 Jul 2026 07:24:58 +0200
Subject: [PATCH] Clip table header background inside the rounded border

---
 src/components/lists/DynamicList.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/lists/DynamicList.tsx b/src/components/lists/DynamicList.tsx
index 4772b10..f6520fd 100644
--- a/src/components/lists/DynamicList.tsx
+++ b/src/components/lists/DynamicList.tsx
@@ -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">