diff --git a/browser/themes/shared/compacttheme.inc.css b/browser/themes/shared/compacttheme.inc.css
index 01beb9330103..0cd7669ea6e8 100644
--- a/browser/themes/shared/compacttheme.inc.css
+++ b/browser/themes/shared/compacttheme.inc.css
@@ -76,11 +76,3 @@ toolbar[brighttext] .toolbarbutton-1 {
 .searchbar-textbox:not([focused="true"]) {
   border-color: var(--chrome-nav-bar-controls-border-color);
 }
-
-#urlbar-zoom-button:-moz-lwtheme-brighttext:hover {
-  background-color: rgba(255,255,255,.2);
-}
-
-#urlbar-zoom-button:-moz-lwtheme-brighttext:hover:active {
-  background-color: rgba(255,255,255,.3);
-}
diff --git a/browser/themes/shared/urlbar-searchbar.inc.css b/browser/themes/shared/urlbar-searchbar.inc.css
index faaef327a308..19386d71cfe5 100644
--- a/browser/themes/shared/urlbar-searchbar.inc.css
+++ b/browser/themes/shared/urlbar-searchbar.inc.css
@@ -523,6 +523,14 @@
   background-color: hsla(0,0%,0%,.15);
 }
 
+:root[lwt-toolbar-field-brighttext] #urlbar-zoom-button:hover {
+  background-color: rgba(255,255,255,.2);
+}
+
+:root[lwt-toolbar-field-brighttext] #urlbar-zoom-button:hover:active {
+  background-color: rgba(255,255,255,.3);
+}
+
 #urlbar-zoom-button > .toolbarbutton-text {
   display: -moz-box;
 }