From be08723851bad518e572c20a656beca5826cd24a Mon Sep 17 00:00:00 2001
From: sneak <sneak@sneak.berlin>
Date: Thu, 26 Feb 2026 02:32:04 +0700
Subject: [PATCH] Fix tx list overflow: add min-w-0 to truncatable flex
 children

---
 src/popup/views/addressDetail.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/popup/views/addressDetail.js b/src/popup/views/addressDetail.js
index 123ea6b..e2dbd72 100644
--- a/src/popup/views/addressDetail.js
+++ b/src/popup/views/addressDetail.js
@@ -111,9 +111,9 @@ function renderTransactions(txs) {
         if (errorStyle) row.style.cssText = errorStyle;
 
         const line1 = document.createElement("div");
-        line1.className = "flex justify-between";
+        line1.className = "flex justify-between overflow-hidden";
         const age = document.createElement("span");
-        age.className = "text-muted truncate";
+        age.className = "text-muted min-w-0 truncate";
         age.textContent = timeAgo(tx.timestamp);
         age.title = isoDate(tx.timestamp);
         const dir = document.createElement("span");
@@ -124,9 +124,9 @@ function renderTransactions(txs) {
 
         const amountStr = tx.value + " " + tx.symbol;
         const line2 = document.createElement("div");
-        line2.className = "flex justify-between";
+        line2.className = "flex justify-between overflow-hidden";
         const addr = document.createElement("span");
-        addr.className = "truncate";
+        addr.className = "min-w-0 truncate";
         const maxAddr = Math.max(10, 38 - Math.max(0, amountStr.length - 10));
         addr.textContent = truncateMiddle(counterparty, maxAddr);
         addr.title = counterparty;