From c2b010d057b4b60b619fbe3672233938c747249d Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Mon, 20 Feb 2023 16:38:15 +0500
Subject: [PATCH] web: fix spacing around input in search view

Closes #1961
---
 apps/web/src/components/field/index.js  | 8 +++++++-
 apps/web/src/components/search/index.js | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

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);