From 766486182583dd6b7a51bc9d933e69a09ab996f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20G=C3=B3mez?= <alejandrogomez@bitrefill.com>
Date: Mon, 19 Jan 2026 14:09:59 +0100
Subject: [PATCH] style: limit transaction detail dialog width to match wallet
 UI

Add max-w-md constraint to transaction detail dialog to match
the width of the balance display and send/receive buttons.
This creates a consistent, compact layout throughout the wallet UI.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/components/WalletViewer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/WalletViewer.tsx b/src/components/WalletViewer.tsx
index aa3df73..f8d6ae6 100644
--- a/src/components/WalletViewer.tsx
+++ b/src/components/WalletViewer.tsx
@@ -1288,7 +1288,7 @@ export default function WalletViewer() {
           }
         }}
       >
-        <DialogContent className="max-h-[70vh] flex flex-col">
+        <DialogContent className="max-w-md max-h-[70vh] flex flex-col">
           <DialogHeader>
             <DialogTitle>Transaction Details</DialogTitle>
           </DialogHeader>