Fix balance line spacing: use width:42ch;max-width:100%

src/popup/views/helpers.js

@@ -76,7 +76,7 @@ function balanceLine(symbol, amount, price) {
     const usd = price ? formatUsd(amount * price) : "";
     return (
         `<div class="flex text-xs">` +
-        `<span class="flex justify-between" style="max-width:42ch">` +
+        `<span class="flex justify-between" style="width:42ch;max-width:100%">` +
         `<span>${symbol}</span>` +
         `<span>${qty}</span>` +
         `</span>` +

src/popup/views/home.js

@@ -40,7 +40,7 @@ function render(ctx) {
             }
             const addrUsd = formatUsd(getAddressValueUsd(addr));
             html += `<div class="flex text-xs">`;
-            html += `<span style="max-width:42ch">${addr.address}</span>`;
+            html += `<span style="width:42ch;max-width:100%">${addr.address}</span>`;
             html += `<span class="text-right text-muted flex-1">${addrUsd}</span>`;
             html += `</div>`;
             html += balanceLinesForAddress(addr);