diff --git a/src/zen/tabs/ZenPinnedTabManager.mjs b/src/zen/tabs/ZenPinnedTabManager.mjs
index 8788a2917..df8ffaae0 100644
--- a/src/zen/tabs/ZenPinnedTabManager.mjs
+++ b/src/zen/tabs/ZenPinnedTabManager.mjs
@@ -88,9 +88,7 @@
} catch {}
} else {
if (tab.hasAttribute('zen-essential')) {
- tab
- .querySelector('.tab-background')
- .style.setProperty('--zen-tab-icon', `url(${iconUrl})`);
+ tab.style.setProperty('--zen-essential-tab-icon', `url(${iconUrl})`);
}
}
// TODO: work on this
diff --git a/src/zen/tabs/zen-tabs/vertical-tabs.css b/src/zen/tabs/zen-tabs/vertical-tabs.css
index ad6f95496..25f20bd19 100644
--- a/src/zen/tabs/zen-tabs/vertical-tabs.css
+++ b/src/zen/tabs/zen-tabs/vertical-tabs.css
@@ -1355,7 +1355,7 @@
position: absolute;
background-size: contain;
background-clip: padding-box;
- background-image: var(--zen-tab-icon); /* Use tab icon variable */
+ background-image: var(--zen-essential-tab-icon); /* Use tab icon variable */
z-index: -1; /* Place behind content */
background-position: center;
}
diff --git a/src/zen/welcome/ZenWelcome.mjs b/src/zen/welcome/ZenWelcome.mjs
index 1358f36b1..dbb3e993f 100644
--- a/src/zen/welcome/ZenWelcome.mjs
+++ b/src/zen/welcome/ZenWelcome.mjs
@@ -537,47 +537,47 @@