fix: shorten SearchBar height (#4766)

* fix: shorten SearchBar height * fix positioning
2022-09-30 13:27:33 -04:00 · 2022-09-30 13:27:33 -04:00 · 8a9ade5f12
commit 8a9ade5f12
parent a3e567bc8a
1 changed files with 3 additions and 4 deletions
--- 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([