From cad04e08e3cb3b243965ad7d54cd69e7b166a3d6 Mon Sep 17 00:00:00 2001
From: Mateusz Titz <titzmateusz@gmail.com>
Date: Fri, 22 Nov 2024 15:11:38 +0100
Subject: [PATCH] Small UI tweaks

---
 src/components/Search/SearchPageHeaderInput.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Search/SearchPageHeaderInput.tsx b/src/components/Search/SearchPageHeaderInput.tsx
index 485b071afa4f..0c10cadacda5 100644
--- a/src/components/Search/SearchPageHeaderInput.tsx
+++ b/src/components/Search/SearchPageHeaderInput.tsx
@@ -216,12 +216,19 @@ function SearchPageHeaderInput({queryJSON, children}: SearchPageHeaderInputProps
           }
         : undefined;
 
-    const isHeaderInputActive = isAutocompleteListVisible && !!textInputValue;
+    const isHeaderInputActive = isAutocompleteListVisible;
 
     // we need `- BORDER_WIDTH` to achieve the effect that the input will not "jump"
     const popoverHorizontalPosition = 12 - BORDER_WIDTH;
     const autocompleteInputStyle = isHeaderInputActive
-        ? [styles.border, styles.pAbsolute, styles.pt2, {top: 8 - BORDER_WIDTH, left: popoverHorizontalPosition, right: popoverHorizontalPosition}, {boxShadow: variables.popoverMenuShadow}]
+        ? [
+              styles.border,
+              styles.borderRadiusComponentLarge,
+              styles.pAbsolute,
+              styles.pt2,
+              {top: 8 - BORDER_WIDTH, left: popoverHorizontalPosition, right: popoverHorizontalPosition},
+              {boxShadow: variables.popoverMenuShadow},
+          ]
         : [styles.pt4];
     const inputWrapperStyle = isHeaderInputActive ? styles.ph2 : null;