From c628a6ddf2ebd661a465a491abb91823d21e8236 Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Tue, 3 Nov 2026 06:18:25 +0100
Subject: [PATCH] fix: keep Empty folder on one line and let the trash hint
 wrap instead of cutting it off

---
 components/email/email-list.tsx          | 8 ++++----
 components/email/trash-recovery-link.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/email/email-list.tsx b/components/email/email-list.tsx
index d3cd1325a..e4047b635 100644
--- a/components/email/email-list.tsx
+++ b/components/email/email-list.tsx
@@ -1150,9 +1150,9 @@ export function EmailList({
 
       {/* Empty Folder Banner for Junk/Trash */}
       {isEmptyableFolder && emails.length > 0 && !hasSelection && (
-        <div className="px-4 py-2 border-b border-border bg-muted/30 flex items-center justify-between">
-          <div className="flex items-center gap-2 text-sm text-muted-foreground">
-            <AlertTriangle className="w-4 h-4" />
+        <div className="px-4 py-2 border-b border-border bg-muted/30 flex items-center justify-between gap-2">
+          <div className="flex items-center gap-2 min-w-0 text-sm text-muted-foreground">
+            <AlertTriangle className="w-4 h-4 shrink-0" />
             <span>{currentMailbox?.role === 'junk' ? t('empty_folder.junk_hint') : t('empty_folder.trash_hint')}</span>
           </div>
           <Button
@@ -1160,7 +1160,7 @@ export function EmailList({
             size="sm"
             onClick={handleEmptyFolder}
             disabled={isProcessing}
-            className="text-destructive border-destructive/30 hover:bg-destructive/10 text-xs"
+            className="shrink-0 whitespace-nowrap text-destructive border-destructive/30 hover:bg-destructive/10 text-xs"
           >
             {isProcessing ? (
               <Loader2 className="w-3 h-3 animate-spin me-1" />
diff --git a/components/email/trash-recovery-link.tsx b/components/email/trash-recovery-link.tsx
index 69d232b2d..9f08d7064 100644
--- a/components/email/trash-recovery-link.tsx
+++ b/components/email/trash-recovery-link.tsx
@@ -52,7 +52,7 @@ export function TrashRecoveryLink({ mailbox, notice }: { mailbox: Mailbox | unde
       {notice ? (
         <span className="min-w-0" data-testid="retention-notice">{notice}</span>
       ) : (
-        <span className="min-w-0 truncate">{t("trash_hint")}</span>
+        <span className="min-w-0">{t("trash_hint")}</span>
       )}
       <button
         type="button"