fix: serch input alignment ie11

ccontrols · Nov 14, 2020 · 5ddcb45 · 5ddcb45
1 parent f6e18da
commit 5ddcb45
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/ui/components/src/SearchInput/SearchInput.tsx b/ui/components/src/SearchInput/SearchInput.tsx
@@ -206,12 +206,12 @@ export const SearchInput = <ItemType extends SearchInputItemType>({
             }}
             onClick={() => updateIsOpen(!isOpen)}
             onChange={e => updateSearch(e.target.value)}
-            sx={{ pl: '32px' }}
+            sx={{ pl: 4, py: 2, lineHeight: 'normal' }}
             {...rest}
           />
           <Box
             as={SearchIcon}
-            sx={{ position: 'absolute', left: '10px', top: '15px' }}
+            sx={{ position: 'absolute', left: '8px', top: 0, bottom: 0, margin: 'auto' }}
           />
         </div>
       </Popover>