From eda27f1e59092487f20eeaa1952fb51ac8eb4687 Mon Sep 17 00:00:00 2001
From: Maurice <mauriceboe@icloud.com>
Date: Fri, 13 Nov 2026 11:06:48 +0100
Subject: [PATCH] fix(costs): the receipt link is an icon, so the receipts
 title keeps one line (#2839)

---
 .../Budget/ExpenseReceiptsSection.tsx         | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/client/src/components/Budget/ExpenseReceiptsSection.tsx b/client/src/components/Budget/ExpenseReceiptsSection.tsx
index 02bd8a517..038b6a5a3 100644
--- a/client/src/components/Budget/ExpenseReceiptsSection.tsx
+++ b/client/src/components/Budget/ExpenseReceiptsSection.tsx
@@ -50,16 +50,20 @@ export function ExpenseReceiptsSection({
       className={className}
       action={
         <span className="flex items-center gap-1.5">
+          {/* An icon beside the worded Attach, so the section title keeps its one line. */}
           {canLink && (
-            <button
-              type="button"
-              aria-expanded={linking}
-              onClick={() => setLinking((v) => !v)}
-              className={`${PILL} ${linking ? 'bg-surface-card shadow-sm' : 'bg-surface-tertiary'}`}
-              style={fs(11.5)}
-            >
-              <Link2 size={12} /> {t('files.link')}
-            </button>
+            <Tooltip label={t('files.link')}>
+              <button
+                type="button"
+                aria-label={t('files.link')}
+                aria-expanded={linking}
+                onClick={() => setLinking((v) => !v)}
+                className={`${PILL} ${linking ? 'bg-surface-card shadow-sm' : 'bg-surface-tertiary'}`}
+                style={fs(11.5)}
+              >
+                <Link2 size={12} />
+              </button>
+            </Tooltip>
           )}
           <label className={`${PILL} bg-surface-tertiary`} style={fs(11.5)}>
             <input