diff --git a/src/components/astro/hero/HeroWithImage.astro b/src/components/astro/hero/HeroWithImage.astro
index e87c43d..10ad99e 100644
--- a/src/components/astro/hero/HeroWithImage.astro
+++ b/src/components/astro/hero/HeroWithImage.astro
@@ -5,7 +5,7 @@ const {} = Astro.props;
 
 <section>
   <div class="max-w-6xl mx-auto px-4 sm:px-6">
-    <div class="pt-32 pb-12 md:pt-40 md:pb-20">
+    <div class="py-12 md:py-20">
       <div class="text-center pb-12 md:pb-16">
         <h1
           class="text-5xl md:text-6xl font-bold leading-tighter tracking-tighter mb-4"
diff --git a/src/pages/index.astro b/src/pages/index.astro
index d4917b4..380b306 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -11,7 +11,7 @@ import HeroWithImage from "~/components/astro/hero/HeroWithImage.astro";
   title="AstroWind — Your website with Astro + Tailwind CSS"
   description="Performance and accessible template to make your website using Astro + Tailwind CSS."
 >
-  <main>
+  <main class="mt-20">
     <HeroWithImage />
     <BasicFeatures />
     <StepsFeatures />