diff --git a/components/FAQ.jsx b/components/FAQ.jsx
index a84f073..d97e817 100644
--- a/components/FAQ.jsx
+++ b/components/FAQ.jsx
@@ -9,7 +9,7 @@ function FAQ() {
   const ref = useRef({});
 
   return (
-    <section className="mx-auto px-3 py-24 max-w-screen-xl">
+    <section className="mx-auto px-3 py-16 md:py-24 max-w-screen-xl">
       <h2 className="text-center font-bold text-4xl md:text-5xl hyphens-auto mb-4">
         Frequently Asked Questions
       </h2>
diff --git a/components/Features.jsx b/components/Features.jsx
index c255a60..9508b14 100644
--- a/components/Features.jsx
+++ b/components/Features.jsx
@@ -2,7 +2,7 @@ import { features } from "@/constants";
 
 function Features() {
   return (
-    <section className="mx-auto px-3 py-24 max-w-screen-xl">
+    <section className="mx-auto px-3 py-16 md: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>