From 8a9ade5f12758ac3007e0ae1877347edd63b9321 Mon Sep 17 00:00:00 2001
From: vignesh mohankumar <vignesh@vigneshmohankumar.com>
Date: Fri, 30 Sep 2022 13:27:33 -0400
Subject: [PATCH] fix: shorten SearchBar height (#4766)

* fix: shorten SearchBar height

* fix positioning
---
 src/components/NavBar/SearchBar.css.ts | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/NavBar/SearchBar.css.ts b/src/components/NavBar/SearchBar.css.ts
index a5e5b83e17..e9761a350b 100644
--- a/src/components/NavBar/SearchBar.css.ts
+++ b/src/components/NavBar/SearchBar.css.ts
@@ -34,7 +34,7 @@ export const searchBarContainer = style([
     '@media': {
       [`screen and (min-width: ${breakpoints.lg}px)`]: {
         right: `-${DESKTOP_NAVBAR_WIDTH / 2 - MAGNIFYING_GLASS_ICON_WIDTH}px`,
-        top: '-5px',
+        top: '-3px',
       },
     },
   },
@@ -57,10 +57,9 @@ export const searchBarInput = style([
     color: { default: 'textPrimary', placeholder: 'textTertiary' },
     border: 'none',
     background: 'none',
+    lineHeight: '24',
+    height: 'full',
   }),
-  {
-    lineHeight: '24px',
-  },
 ])
 
 export const searchBarDropdown = style([