From 827a7c583ec3b55ae3ed993c591af09bf6bcea53 Mon Sep 17 00:00:00 2001
From: Wahid Shafique <wahidshafique42@gmail.com>
Date: Wed, 3 May 2023 14:34:21 -0400
Subject: [PATCH] Apply search input contrast fix on all pages (#5245)

---
 apps/browser/src/popup/scss/base.scss | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/apps/browser/src/popup/scss/base.scss b/apps/browser/src/popup/scss/base.scss
index d9300d2ec2e..42b8b1c75ed 100644
--- a/apps/browser/src/popup/scss/base.scss
+++ b/apps/browser/src/popup/scss/base.scss
@@ -303,6 +303,19 @@ header {
           color: themed("headerInputPlaceholderColor");
         }
       }
+      /** make the cancel button visible in both dark/light themes **/
+      &[type="search"]::-webkit-search-cancel-button {
+        -webkit-appearance: none;
+        appearance: none;
+        height: 15px;
+        width: 15px;
+        background-repeat: no-repeat;
+        mask-image: url("../images/close-button-white.svg");
+        -webkit-mask-image: url("../images/close-button-white.svg");
+        @include themify($themes) {
+          background-color: themed("headerInputColor");
+        }
+      }
     }
   }
 
@@ -450,19 +463,6 @@ main {
   main {
     bottom: 55px;
   }
-
-  [type="search"]::-webkit-search-cancel-button {
-    -webkit-appearance: none;
-    appearance: none;
-    height: 15px;
-    width: 15px;
-    background-repeat: no-repeat;
-    mask-image: url("../images/close-button-white.svg");
-    -webkit-mask-image: url("../images/close-button-white.svg");
-    @include themify($themes) {
-      background-color: themed("headerInputColor");
-    }
-  }
 }
 
 .center-content,