diff --git a/app/page.tsx b/app/page.tsx
index 6f695ce6..ae4e9944 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -17,7 +17,7 @@ export default function Page() {
     <main className="flex flex-col min-h-[100dvh]">
       <section id="hero pt-12">
         <div className="mx-auto w-full max-w-2xl">
-          <div className="flex flex-col sm:flex-row items-center sm:justify-between pt-16 pb-8 sm:py-12 space-y-6">
+          <div className="flex flex-col sm:flex-row items-center sm:justify-between pt-16 sm:py-12 space-y-4">
             {" "}
             <div className="flex-col flex flex-1 space-y-1.5 items-center sm:items-start">
               <TextAnimate
@@ -57,7 +57,7 @@ export default function Page() {
           </div>
         </div>
       </section>
-      <section id="about">
+      <section id="about" className="py-4">
         <BlurFade delay={BLUR_FADE_DELAY * 3}>
           <h2 className="text-xl font-bold">About</h2>
         </BlurFade>