diff --git a/src/components/UI/homepage/HomeHero.tsx b/src/components/UI/homepage/HomeHero.tsx
index 1f1259d4f9..600c6715de 100644
--- a/src/components/UI/homepage/HomeHero.tsx
+++ b/src/components/UI/homepage/HomeHero.tsx
@@ -10,7 +10,7 @@ export const HomeHero: FC = () => {
       border='2px solid'
       borderColor='brand.light.primary'
       px={4}
-      py={{ base: 8, m:24, lg: 4 }}
+      py={{ base: 8, md: 24, lg: 48 }}
       flexGrow={1}
     >
       <Box mb={4}>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 48640427ac..3d5a866574 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -28,7 +28,7 @@ const HomePage: NextPage = ({}) => {
         <Stack spacing={4}>
           <HomeHero />
 
-          <Grid templateColumns={{ base: 'repeat(1, 1fr)', md: 'repeat(2, 1fr)' }} gap={4}>
+          <Grid templateColumns={{ base: 'repeat(1, 1fr)', lg: 'repeat(2, 1fr)' }} gap={4}>
             <GridItem rowSpan={2}>
               {/* SECTION: What is Geth */}
               <HomeSection