Make inputs slightly shorter and selects slightly taller so they are both 3em

Author: wbazant

src/components/ui/Input.js

@@ -53,7 +53,7 @@ const Input = React.forwardRef(
 Input.displayName = 'Input'
 
 const StyledInput = styled(Input)`
-  height: ${(props) => props.height || '46px'};
+  height: 3em;
   display: flex;
   justify-content: space-between;
   align-items: center;

src/components/ui/MultiSelect.js

@@ -24,6 +24,7 @@ const SelectParent = styled.div`
   }
 
   .select__control {
+    height: 3em;
     border: 1px solid ${validatedColor()};
     border-radius: 0.375em;
     box-shadow: none;

src/components/ui/SingleSelect.js

@@ -44,6 +44,7 @@ const StyledSelect = styled.select`
   padding-block: 0.5em;
   padding-inline-start: 0.75em;
   padding-inline-end: 2em;
+  height: 3em;
   width: 100%;
   appearance: none;
   cursor: pointer;