diff --git a/src/components/PoolSaturationTag.js b/src/components/PoolSaturationTag.js
index ff10707..6406b2e 100644
--- a/src/components/PoolSaturationTag.js
+++ b/src/components/PoolSaturationTag.js
@@ -126,7 +126,6 @@ function PoolSaturationTagRevamp({ value, isDark }: Props): Node {
     ];
   }
 
-  console.log('PoolSaturationTagRevamp', isDark);
   return (
     <TagRevamp isDark={isDark}>
       <div className="piechart">
diff --git a/src/components/SearchRevamp.js b/src/components/SearchRevamp.js
index 960e488..2313bd5 100644
--- a/src/components/SearchRevamp.js
+++ b/src/components/SearchRevamp.js
@@ -10,9 +10,10 @@ const Form = styled.form`
   position: relative;
   margin-right: 1px;
 `;
-const SearchInput = styled('input')(({ isDark }) => ({
+const SearchInput = styled('input')(({ isDark,isLight }) => ({
   height: '40px',
-  backgroundColor:isDark ? 'transparent': '#fff',
+  // eslint-disable-next-line no-nested-ternary
+  backgroundColor:isDark ? 'transparent': isLight ? '#EAEDF2' : '#fff',
   display: 'block',
   fontSize: '14px',
   lineHeight: '1.3',  // Adjusted to match the duplicate property
@@ -72,9 +73,10 @@ const ClearBtn = styled('div')(() => ({
 type Props = {|
   filter: Function,
   isDark?: boolean,
+  isLight?: boolean,
 |};
 
-const SearchRevamp = ({ filter,isDark }: Props): Node => {
+const SearchRevamp = ({ filter,isDark,isLight }: Props): Node => {
   const [prevSearch, setPrevSearch] = useState('');
   const [searchValue, setSearchValue] = useState('');
 
@@ -103,6 +105,7 @@ const SearchRevamp = ({ filter,isDark }: Props): Node => {
         placeholder="Search stake pool"
         type="text"
         isDark={isDark}
+        isLight={isLight}
       />
       {searchValue.length > 0 &&   
       <ClearBtn
diff --git a/src/components/layout/LayoutRevamp.js b/src/components/layout/LayoutRevamp.js
index b28458d..7fd11f7 100644
--- a/src/components/layout/LayoutRevamp.js
+++ b/src/components/layout/LayoutRevamp.js
@@ -9,8 +9,9 @@ const Container = styled.div`
   padding: 20px 0px;
 `;
 
-const SBackground = styled('div')(({ isDark }) => ({
-  backgroundColor: isDark ? '#1F232E' : '#EAEDF2',
+const SBackground = styled('div')(({ isDark,isLight }) => ({
+  // eslint-disable-next-line no-nested-ternary
+  backgroundColor: isDark ? '#1F232E' :  isLight ? '#EAEDF2' : '#FFFFFF',
   '& h1, & h2, & h3, & h4, & h5, & h6, & a, & p, & span': {
     color: isDark && '#E1E6F5',
   },
@@ -21,9 +22,10 @@ const SBackground = styled('div')(({ isDark }) => ({
 
 function LayoutRevamp({ children, urlParams }: {| children?: ?Node, urlParams: any |}): Node {
   const isDark = urlParams.theme === 'dark';
+  const isLight = urlParams.theme === 'light';
 
   return (
-    <SBackground isDark={isDark}>
+    <SBackground isDark={isDark} isLight={isLight}>
       <Container>{children}</Container>
     </SBackground>
   );
diff --git a/src/containers/HomeRevamp.js b/src/containers/HomeRevamp.js
index c30c2d1..4697363 100644
--- a/src/containers/HomeRevamp.js
+++ b/src/containers/HomeRevamp.js
@@ -273,6 +273,7 @@ function Home(props: HomeProps): Node {
 
   const filteredPools = rowDataSorted || rowData;
   const isDark = theme === 'dark';
+  const isLight = theme === 'light';
 
   return (
     <LayoutRevamp urlParams={urlParams}>
@@ -280,9 +281,12 @@ function Home(props: HomeProps): Node {
         <Title>Stake pools ({status === 'resolved' ? filteredPools?.length : '...'})</Title>
         <Alert title={alertText} />
         <Header>
-          <SearchRevamp filter={filterSearch} isDark={isDark} />
+          <SearchRevamp filter={filterSearch} isDark={isDark} isLight={isLight} />
           <MobileOnly>
-            <SortSelect filter={filterSelect} isDark={isDark} />
+            <SortSelect
+              filter={filterSelect}
+              isDark={isDark}
+            />
           </MobileOnly>
           {/* <ColorButton type="button" onClick={() => setOpenModal(true)}> */}
           {/*  Colors meaning */}