diff --git a/browser/themes/linux/browser.css b/browser/themes/linux/browser.css
index 6d2e3d6c8895..5ab69b97ac6b 100644
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -451,6 +451,11 @@ notification[value="translation"] menulist > .menulist-dropmarker {
 .browserContainer > findbar {
   background-color: var(--toolbar-bgcolor);
   color: var(--toolbar-color);
+}
+
+.browserContainer > findbar:-moz-lwtheme {
+  background-color: var(--lwt-accent-color);
+  background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor));
   text-shadow: none;
 }
 
diff --git a/browser/themes/osx/browser.css b/browser/themes/osx/browser.css
index 474edc2b6cda..57bd3b71a23b 100644
--- a/browser/themes/osx/browser.css
+++ b/browser/themes/osx/browser.css
@@ -566,8 +566,8 @@ html|input.urlbar-input {
 }
 
 .browserContainer > findbar:-moz-lwtheme {
-  background-color: var(--toolbar-bgcolor);
-  background-image: none;
+  background-color: var(--lwt-accent-color);
+  background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor));
   color: var(--toolbar-color);
 }
 
diff --git a/browser/themes/windows/browser.css b/browser/themes/windows/browser.css
index 9419a6e70135..8b88afaa202c 100644
--- a/browser/themes/windows/browser.css
+++ b/browser/themes/windows/browser.css
@@ -665,6 +665,11 @@ html|*.urlbar-input:-moz-lwtheme::placeholder,
 .browserContainer > findbar {
   background-color: var(--toolbar-bgcolor);
   color: var(--toolbar-color);
+}
+
+.browserContainer > findbar:-moz-lwtheme {
+  background-color: var(--lwt-accent-color);
+  background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor));
   text-shadow: none;
 }