diff --git a/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.html b/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.html
index 9e9e6da334a3..701e180f4885 100644
--- a/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.html
+++ b/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.html
@@ -22,6 +22,10 @@
         display: flex;
       }
 
+      :host([has-search-text]) {
+        z-index: 0;
+      }
+
       .page-search_toggle {
         visibility: hidden;
         position: absolute;
@@ -156,4 +160,4 @@
 
   </template>
   <script src="br_toolbar_search_field.js"></script>
-</dom-module>
\ No newline at end of file
+</dom-module>