diff --git a/packages/ui/src/elements/SearchBar/index.scss b/packages/ui/src/elements/SearchBar/index.scss
index 43144f4e315..15c9eaaa024 100644
--- a/packages/ui/src/elements/SearchBar/index.scss
+++ b/packages/ui/src/elements/SearchBar/index.scss
@@ -18,6 +18,10 @@
       grid-template-columns: auto 1fr auto;
     }
 
+    &:has(.popup--active) {
+      z-index: 1;
+    }
+
     .icon--search {
       grid-column: 1/2;
       grid-row: 1/2;