From a6edb75bbf2e5face5d5942ae46a85d7bf0372fe Mon Sep 17 00:00:00 2001
From: Chaim <chaim@marcus-law.co.il>
Date: Sun, 3 May 2026 07:52:41 +0000
Subject: [PATCH] web-ui: hide spurious horizontal scrollbar on case documents
 list

The list's scroll container had only overflow-y:auto, which CSS computes
overflow-x to auto too. Combined with the row's -mx-2 hover-background
extension, this surfaced an unwanted horizontal scrollbar.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 web-ui/src/components/cases/documents-panel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web-ui/src/components/cases/documents-panel.tsx b/web-ui/src/components/cases/documents-panel.tsx
index 19a25ec..f93e4c4 100644
--- a/web-ui/src/components/cases/documents-panel.tsx
+++ b/web-ui/src/components/cases/documents-panel.tsx
@@ -359,7 +359,7 @@ export function DocumentsPanel({
         </div>
       )}
 
-      <div className="max-h-[70vh] overflow-y-auto" dir="rtl">
+      <div className="max-h-[70vh] overflow-y-auto overflow-x-hidden" dir="rtl">
         <ul className="divide-y divide-rule" dir="rtl">
           {sorted.map((doc) => (
             <DocumentRow key={doc.id} doc={doc} caseNumber={caseNumber} />