From 312bfc7cda7ae0a89cb5940da54015ea6860034b Mon Sep 17 00:00:00 2001
From: Akshata Katwal <akshata.katwal@tekditechnologies.com>
Date: Fri, 19 Jul 2024 15:03:47 +0530
Subject: [PATCH 1/2] update spacing

---
 src/components/HeaderComponent.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/HeaderComponent.tsx b/src/components/HeaderComponent.tsx
index 8fbe6863..d462927b 100644
--- a/src/components/HeaderComponent.tsx
+++ b/src/components/HeaderComponent.tsx
@@ -158,7 +158,7 @@ const HeaderComponent = ({
           }}
         >
           <Grid container spacing={isMobile ? 1 : 2}>
-            <Grid item xs={12} sm={isMediumScreen ? 12 :2}>
+            <Grid item xs={12} sm={isMediumScreen ? 12 : 3}>
               <MultipleSelectCheckmarks
                 names={allStates.map(
                   (state) =>
@@ -171,7 +171,7 @@ const HeaderComponent = ({
                 onCategoryChange={handleStateChangeWrapper}
               />
             </Grid>
-            <Grid item xs={12} sm={isMediumScreen ? 12 : 2}>
+            <Grid item xs={12} sm={isMediumScreen ? 12 : 3}>
               <MultipleSelectCheckmarks
                 names={allDistricts.map((districts) => districts.label)}
                 codes={allDistricts.map((districts) => districts.value)}
@@ -181,7 +181,7 @@ const HeaderComponent = ({
                 disabled={selectedState.length === 0 || selectedState[0] === ""}
               />
             </Grid>
-            <Grid item xs={12} sm={isMediumScreen ? 12 : 2}>
+            <Grid item xs={12} sm={isMediumScreen ? 12 : 3}>
               <MultipleSelectCheckmarks
                 names={allBlocks.map((blocks) => blocks.label)}
                 codes={allBlocks.map((blocks) => blocks.value)}
@@ -196,7 +196,7 @@ const HeaderComponent = ({
           </Grid>
         </Box>
       )}
-      <Typography variant="h1" sx={{ mt: isMobile ? "12px" : "20px" }}>
+      <Typography variant="h2" sx={{ mt: isMobile ? "12px" : "20px" }}>
         {userType}
       </Typography>
       <Box
@@ -210,7 +210,7 @@ const HeaderComponent = ({
           <SearchBar
             className="searchBox"
             placeholder={searchPlaceHolder}
-            backgroundColor={"white"}
+            backgroundColor={theme.palette.secondary["300"]}
             fullWidth
           />
         </Box>

From 83c7e4439140d7ad72ec7e1c24145ea24f4454df Mon Sep 17 00:00:00 2001
From: Akshata Katwal <akshata.katwal@tekditechnologies.com>
Date: Fri, 19 Jul 2024 15:05:30 +0530
Subject: [PATCH 2/2] update pr

---
 src/components/HeaderComponent.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/HeaderComponent.tsx b/src/components/HeaderComponent.tsx
index d462927b..1b33321e 100644
--- a/src/components/HeaderComponent.tsx
+++ b/src/components/HeaderComponent.tsx
@@ -210,7 +210,7 @@ const HeaderComponent = ({
           <SearchBar
             className="searchBox"
             placeholder={searchPlaceHolder}
-            backgroundColor={theme.palette.secondary["300"]}
+            backgroundColor="white"
             fullWidth
           />
         </Box>