diff --git a/src/popup/views/home.js b/src/popup/views/home.js
index 76bf225..772de27 100644
--- a/src/popup/views/home.js
+++ b/src/popup/views/home.js
@@ -4,7 +4,6 @@ const {
showFlash,
balanceLinesForAddress,
addressDotHtml,
- truncateMiddle,
} = require("./helpers");
const { state, saveState, currentAddress } = require("../../shared/state");
const { updateSendBalance, renderSendTokenSelect } = require("./send");
@@ -47,16 +46,17 @@ function render(ctx) {
const activeHtml = isActive
? `ACTIVE`
: `[select]`;
- html += `
`;
- html += `
${addr.ensName ? "" : dot}${truncateMiddle(addr.address, 40)}`;
- html += `
${addrUsd}`;
+ html += `
`;
+ html += `${addr.ensName ? "" : dot}${addr.address}`;
+ html += `${activeHtml}`;
html += `
`;
+ const addrUsd = formatUsd(getAddressValueUsd(addr));
+ html += `
${addrUsd}
`;
html += balanceLinesForAddress(
addr,
state.trackedTokens,
@@ -122,7 +122,7 @@ function render(ctx) {
input.value = wallet.name;
input.className =
"font-bold border border-border p-0 bg-bg text-fg";
- input.style.width = span.offsetWidth + 20 + "px";
+ input.style.width = "100%";
const save = async () => {
const val = input.value.trim();
if (val && val !== wallet.name) {