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>