From bad391e664f07b6c679e4782e4e3ee1adf3ef429 Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Tue, 3 Nov 2026 05:36:28 +0100
Subject: [PATCH] fix: give attachment names room next to the tile's buttons on
 tablets and laptops

---
 components/email/reader-attachments.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/email/reader-attachments.tsx b/components/email/reader-attachments.tsx
index 95f3b54e4..fcd29b2ec 100644
--- a/components/email/reader-attachments.tsx
+++ b/components/email/reader-attachments.tsx
@@ -268,7 +268,7 @@ export function ReaderAttachments<T extends ReaderAttachmentItem>({
 
       <div className={cn(
         "grid",
-        layout === "cards" ? "grid-cols-[repeat(auto-fill,minmax(10rem,1fr))] gap-3" : "grid-cols-[repeat(auto-fill,minmax(15rem,1fr))] gap-2",
+        layout === "cards" ? "grid-cols-[repeat(auto-fill,minmax(10rem,1fr))] gap-3" : "grid-cols-[repeat(auto-fill,minmax(min(100%,20rem),1fr))] gap-2",
       )}>
         {shown.map((attachment) => (
           <div key={attachment.id} className="flex min-w-0 flex-col gap-1">