update

src/pages/Home.jsx

@@ -35,7 +35,7 @@ const Home = () => {
       backgroundSize="contain"
       backgroundRepeat="no-repeat">
       <Box>
-        <VStack pt={{base:28,md:28}} mb={{base:8,md: 14}}>
+        <VStack pt={{base:colorMode === "light"?28:24,md:28}} mb={{base:8,md: 14}}>
           <Container maxW="3xl" position={"relative"}>
             <Box  w={'100%'} display={"flex"} alignItems={"center"} >
               <InputGroup
@@ -115,7 +115,7 @@ const Home = () => {
           </Container>
         </VStack>
         <AmountCard />
-        <Container maxW="6xl" p={{base:"2rem 1rem",md:"4rem 1rem"}}>
+        <Container maxW="6xl" p={{base: "2rem 1rem",md:"4rem 1rem"}}>
           <Box
             p={5}
             rounded={10}