web: fix spacing around input in search view

Closes #1961

apps/web/src/components/field/index.js

@@ -79,7 +79,13 @@ function Field(props) {
 
   return (
     <Flex
-      sx={{ ...sx, ...styles.container, flexDirection: "column", m: "1.5px" }}
+      sx={{
+        m: "2px",
+        mr: "2px",
+        ...sx,
+        ...styles.container,
+        flexDirection: "column"
+      }}
     >
       <Label
         htmlFor={id}

apps/web/src/components/search/index.js

@@ -29,7 +29,7 @@ function SearchBox(props) {
       id="search"
       name="search"
       type="text"
-      sx={{ mx: 2, mb: 2 }}
+      sx={{ m: 0, mx: 1, mt: 1 }}
       placeholder="Type your query here"
       onKeyDown={(e) => {
         if (e.key === "Enter") props.onSearch(e.target.value);