diff --git a/native/userchrome/profile/chrome/pwa/content/browser.css b/native/userchrome/profile/chrome/pwa/content/browser.css
index e02e3d20..e498773f 100644
--- a/native/userchrome/profile/chrome/pwa/content/browser.css
+++ b/native/userchrome/profile/chrome/pwa/content/browser.css
@@ -15,7 +15,7 @@
   @media (-moz-bool-pref: "firefoxpwa.sitesSetThemeColor") {
     #firefox-view-button[open] > .toolbarbutton-icon,
     .tab-background:is([selected], [multiselected]) {
-      background-color: rgba(0, 0, 0, 0.1) !important;
+      background-color: color-mix(in srgb, currentColor 18%, transparent) !important;
       background-image: none !important;
     }
   }