diff --git a/src/components/WalletViewer.tsx b/src/components/WalletViewer.tsx
index 55e5db7..acd38a7 100644
--- a/src/components/WalletViewer.tsx
+++ b/src/components/WalletViewer.tsx
@@ -1572,11 +1572,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>