fix: mobile HBalloon bug

getcronit · Nov 6, 2023 · a9f3961 · a9f3961
1 parent a4279c1
commit a9f3961
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/molecules/ParallaxHero/MobileHero.tsx b/src/components/molecules/ParallaxHero/MobileHero.tsx
@@ -109,7 +109,7 @@ export const MobileHero = () => {
         justifyContent="center"
         alignItems={'center'}
         display={{base: 'flex', md: 'none'}}>
-        <HStack>
+        <HStack mt="24">
           <BallonSvg as={HBalloon} className="background-Ballon" />
           {/* <Field.Text
             as={Heading}
@@ -120,7 +120,7 @@ export const MobileHero = () => {
             textAlign="center"
             pt="2"
           /> */}
-          <Ballons mb={16} mx={"auto"} color={"red.500"} h={{base: '4.5rem', md: '8.25rem', lg: '8.875rem'}} w="auto"/>
+          <Ballons mb={12} mx={"auto"} color={"red.500"} h={{base: '4.5rem', md: '8.25rem', lg: '8.875rem'}} w="auto"/>
         </HStack>
         <Stack alignItems={'center'}>
           <LinkButtonField