Refactor still working on UI changes

client/src/pages/home/Home.jsx

@@ -28,7 +28,7 @@ export default function Home() {
       <Flex direction="column" height="100%" width="100%">
 
         {/* 2. 🛠️ SUB HEADER: Matches your original padding and background */}
-        <Flex as="header" position="sticky" top="0" zIndex="dropdown" bg="base200" p={5} align="center" justify="space-between" width="100%">
+        <Flex as="header" position="sticky" top="0" zIndex="dropdown" bg="transparent" p={5} align="center" justify="space-between" width="100%">
 
           {/* TABS CONTAINER - Replicates the Tabs.List line container */}
           <Flex borderBottom="1px solid" borderColor="fg.muted" gap={2}>
@@ -48,7 +48,7 @@ export default function Home() {
                   <SettingsButton />
                 </>
             ) : (
-                <SearchBar placeholder="Enter a volcano to search" size="sm" width="210px" />
+                <SettingsButton />
             )}
           </HStack>