From 91eefa1667722bbaa43f24ea7814d4620fc56bbb Mon Sep 17 00:00:00 2001
From: clawbot <clawbot@noreply.example.org>
Date: Fri, 27 Feb 2026 12:15:35 -0800
Subject: [PATCH] fix: use grey well for contract address display in
 address-token view

- Replace border-b styling with bg-hover + dashed border for visual
  distinction from wallet address
- Rename label from "Token Contract" to "Contract Address"
- Addresses feedback on #9
---
 src/popup/index.html            | 2 +-
 src/popup/views/addressToken.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/popup/index.html b/src/popup/index.html
index 889aa51..30a7536 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -361,7 +361,7 @@
                 <!-- token contract details (ERC-20 only) -->
                 <div
                     id="address-token-contract-info"
-                    class="border-b border-border-light pb-2 mb-2 text-xs hidden"
+                    class="bg-hover border border-border border-dashed p-3 mb-3 text-xs hidden"
                 ></div>
 
                 <!-- actions -->
diff --git a/src/popup/views/addressToken.js b/src/popup/views/addressToken.js
index 2701963..11f377e 100644
--- a/src/popup/views/addressToken.js
+++ b/src/popup/views/addressToken.js
@@ -143,7 +143,7 @@ function show() {
         const dot = addressDotHtml(tokenId);
         const tokenLink = `https://etherscan.io/token/${escapeHtml(tokenId)}`;
         let infoHtml =
-            `<div class="font-bold mb-1">Token Contract</div>` +
+            `<div class="font-bold mb-1">Contract Address</div>` +
             `<div class="flex items-center mb-1">${dot}` +
             `<span class="break-all underline decoration-dashed cursor-pointer" id="address-token-contract-copy" data-copy="${escapeHtml(tokenId)}">${escapeHtml(tokenId)}</span>` +
             `<a href="${tokenLink}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>` +