diff --git a/components/Features.jsx b/components/Features.jsx
index 7d47562..4ab1478 100644
--- a/components/Features.jsx
+++ b/components/Features.jsx
@@ -2,7 +2,7 @@ import { features } from "@/constants";
 
 function Features() {
   return (
-    <div className="mx-auto px-3 py-12 max-w-screen-xl">
+    <div className="mx-auto px-3 py-24 max-w-screen-xl">
       <h2 className="text-center font-bold text-4xl md:text-5xl hyphens-auto">
         Experience Effortless <span className="text-primary">Email</span>
       </h2>
diff --git a/components/Hero.jsx b/components/Hero.jsx
index 9616742..55d291b 100644
--- a/components/Hero.jsx
+++ b/components/Hero.jsx
@@ -3,7 +3,7 @@ import Link from "next/link";
 
 function Hero() {
   return (
-    <div className="flex flex-col md:flex-row mx-auto max-w-screen-xl px-3 py-24">
+    <div className="flex flex-col md:flex-row mx-auto max-w-screen-xl px-3 py-12">
       <div className="md:w-1/2 self-center text-center md:text-start">
         <h1 className="font-bold text-5xl md:text-6xl hyphens-auto leading-tight md:leading-tight md:text-start">
           Revolution&shy;ize your <span className="text-primary">inbox</span>{" "}