From fdecae74fc71e6baf14aa65d7bc9a55b5dc6b209 Mon Sep 17 00:00:00 2001
From: MaheshtheDev <38828053+MaheshtheDev@users.noreply.github.com>
Date: Mon, 25 May 2026 21:32:29 +0000
Subject: [PATCH] fix(web): prevent multi-file upload queue rows from being
 clipped (#1005)

Add shrink-0 to file queue rows so flexbox stops squishing them into
the max-height box (which clipped filenames via overflow-hidden), and
raise the list cap to 360px so the queue uses available modal space.
---
 apps/web/components/add-document/file.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/add-document/file.tsx b/apps/web/components/add-document/file.tsx
index 92e56751..512ebd09 100644
--- a/apps/web/components/add-document/file.tsx
+++ b/apps/web/components/add-document/file.tsx
@@ -242,12 +242,12 @@ export function FileContent({
 			{hasItems ? (
 				<ul
 					id="file-upload-queue"
-					className="flex flex-col gap-2 max-h-[220px] overflow-y-auto scrollbar-thin pr-1"
+					className="flex flex-col gap-2 max-h-[360px] overflow-y-auto scrollbar-thin pr-1"
 				>
 					{data.items.map((item) => (
 						<li
 							key={item.id}
-							className="relative overflow-hidden rounded-[12px] bg-[#14161A] shadow-inside-out text-sm"
+							className="relative shrink-0 overflow-hidden rounded-[12px] bg-[#14161A] shadow-inside-out text-sm"
 						>
 							{item.status === "uploading" ? (
 								<div