diff --git a/apps/web/src/components/field/index.js b/apps/web/src/components/field/index.js
index 8b26159cb..be2839154 100644
--- a/apps/web/src/components/field/index.js
+++ b/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}
diff --git a/apps/web/src/components/search/index.js b/apps/web/src/components/search/index.js
index 85062bca0..419528bd9 100644
--- a/apps/web/src/components/search/index.js
+++ b/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);