fix: shorten SearchBar height (#4766)

* fix: shorten SearchBar height * fix positioning

fix: shorten SearchBar height (#4766)
* fix: shorten SearchBar height * fix positioning
8a9ade5f · vignesh mohankumar · GitHub · a3e567bc · 8a9ade5f
Commit 8a9ade5f authored Sep 30, 2022 by vignesh mohankumar Committed by GitHub Sep 30, 2022
Hide whitespace changes
Inline Side-by-side

Showing with 3 additions and 4 deletions

SearchBar.css.ts src/components/NavBar/SearchBar.css.ts +3 -4

No files found.
--- 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([