diff --git a/src/components/Section.astro b/src/components/Section.astro
index 7d7ec28..95a282c 100644
--- a/src/components/Section.astro
+++ b/src/components/Section.astro
@@ -32,7 +32,7 @@ const {
   id={id}
 >
   <div
-    class={`container flex flex-col gap-6 sm:gap-12 items-center justify-center mx-auto ${backgroundImage ? "text-light-lilac" : backgroundColor === "green" ? "text-blue" : "text-white"}`}
+    class={`container flex flex-col gap-6 sm:gap-12 items-center justify-center ${backgroundImage ? "text-light-lilac" : backgroundColor === "green" ? "text-blue" : "text-white"} mx-auto py-8 px-4 sm:py-12 sm:px-8 lg:py-16 lg:px-28`}
   >
     {
       eyebrow && (