From 118cc40a97cd5daa3b5add9affc5bdb16bf3121d Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 19 Jan 2026 14:58:10 +0000
Subject: [PATCH] fix: truncate invoice descriptions in confirm send dialog

Add proper truncation for long invoice descriptions in the wallet's
confirm send dialog. The description label is now flex-shrink-0 to
prevent it from shrinking, and a title attribute shows the full
description on hover.
---
 src/components/WalletViewer.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/WalletViewer.tsx b/src/components/WalletViewer.tsx
index 23e7e8e..277a95e 100644
--- a/src/components/WalletViewer.tsx
+++ b/src/components/WalletViewer.tsx
@@ -1461,11 +1461,14 @@ export default function WalletViewer() {
                       </div>
                     )}
                     {invoiceDetails?.description && (
-                      <div className="flex justify-between">
-                        <span className="text-muted-foreground">
+                      <div className="flex justify-between gap-2">
+                        <span className="text-muted-foreground flex-shrink-0">
                           Description:
                         </span>
-                        <span className="truncate ml-2">
+                        <span
+                          className="truncate text-right"
+                          title={invoiceDetails.description}
+                        >
                           {invoiceDetails.description}
                         </span>
                       </div>