From 3a329f1f7e0d5eed04d830cdd0866b30eedcebb4 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 19 Jan 2026 15:31:06 +0000
Subject: [PATCH] fix: ensure invoice description truncates to 1 line in
 confirm dialog

Add min-w-0 to flex container and description span to allow proper
text truncation in flexbox layout. Without this, flex items maintain
their content width preventing truncate from working.
---
 src/components/WalletViewer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/WalletViewer.tsx b/src/components/WalletViewer.tsx
index e610397..8ea6852 100644
--- a/src/components/WalletViewer.tsx
+++ b/src/components/WalletViewer.tsx
@@ -1572,12 +1572,12 @@ export default function WalletViewer() {
                       </div>
                     )}
                     {invoiceDetails?.description && (
-                      <div className="flex justify-between gap-2">
+                      <div className="flex justify-between gap-2 min-w-0">
                         <span className="text-muted-foreground flex-shrink-0">
                           Description:
                         </span>
                         <span
-                          className="truncate text-right"
+                          className="truncate text-right min-w-0"
                           title={invoiceDetails.description}
                         >
                           {invoiceDetails.description}