diff --git a/apps/web/src/components/route-container/index.tsx b/apps/web/src/components/route-container/index.tsx
index 6f5db59b6..6ab4b7a4f 100644
--- a/apps/web/src/components/route-container/index.tsx
+++ b/apps/web/src/components/route-container/index.tsx
@@ -108,7 +108,7 @@ function Header(props: RouteContainerProps) {
               textAlign: "center"
             },
             "& + .rightActions #search-action-button": {
-              opacity: 0
+              opacity: query ? 1 : 0
             },
             "&:focus + .rightActions #search-action-button": {
               opacity: 1