diff --git a/src/components/homepage/DownloadBanner.astro b/src/components/homepage/DownloadBanner.astro
index c810284..316d6ba 100644
--- a/src/components/homepage/DownloadBanner.astro
+++ b/src/components/homepage/DownloadBanner.astro
@@ -3,7 +3,7 @@ import DownloadButton from '../button/DownloadButton.jsx'
 ---
 
 <section class="bg-gradient-to-r from-indigo-500 to-indigo-700">
-  <div class="mx-auto max-w-sm sm:max-w-xl md:max-w-6xl px-3 lg:px-0 pt-16 pb-16 grid md:grid-cols-2">
+  <div class="mx-auto max-w-sm sm:max-w-xl md:max-w-6xl px-3 xl:px-0 pt-16 pb-16 grid md:grid-cols-2">
     <div class="text-white text-center md:text-left">
       <h3 class="text-2xl font-bold">Download Audacity free today</h3>
       <p class="text-lg">City of Auda, popualation: you.</p>
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index 52a8ea7..97850e1 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -21,7 +21,7 @@ const { title, subtitle} = Astro.props;
   </section>
 
   <div
-    class="mx-auto max-w-lg sm:max-w-xl md:max-w-2xl lg:max-w-4xl xl:max-w-6xl px-3 sm:px-0"
+    class="mx-auto max-w-lg sm:max-w-xl md:max-w-2xl lg:max-w-4xl xl:max-w-6xl px-3 sm:px-0 pb-12 md:pb-24 lg:pb-32"
   >
     <slot />
   </div>