diff --git a/src/popup/index.html b/src/popup/index.html
index 4b60399..df9bbc4 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -319,7 +319,7 @@
>
diff --git a/src/popup/views/addressDetail.js b/src/popup/views/addressDetail.js
index 71eb3d2..81c301f 100644
--- a/src/popup/views/addressDetail.js
+++ b/src/popup/views/addressDetail.js
@@ -269,10 +269,13 @@ function init(_ctx) {
const moreDropdown = $("more-menu-dropdown");
moreBtn.addEventListener("click", (e) => {
e.stopPropagation();
- moreDropdown.classList.toggle("hidden");
+ const isOpen = !moreDropdown.classList.toggle("hidden");
+ moreBtn.classList.toggle("bg-fg", isOpen);
+ moreBtn.classList.toggle("text-bg", isOpen);
});
document.addEventListener("click", () => {
moreDropdown.classList.add("hidden");
+ moreBtn.classList.remove("bg-fg", "text-bg");
});
moreDropdown.addEventListener("click", (e) => {
e.stopPropagation();
@@ -280,6 +283,7 @@ function init(_ctx) {
$("btn-export-privkey").addEventListener("click", () => {
moreDropdown.classList.add("hidden");
+ moreBtn.classList.remove("bg-fg", "text-bg");
const wallet = state.wallets[state.selectedWallet];
const addr = wallet.addresses[state.selectedAddress];
const title = addressTitle(addr.address, state.wallets);