diff --git a/frontend/src/components/home/HomePage.tsx b/frontend/src/components/home/HomePage.tsx
index 316f8b0..171cd39 100644
--- a/frontend/src/components/home/HomePage.tsx
+++ b/frontend/src/components/home/HomePage.tsx
@@ -111,7 +111,7 @@ export default function HomePage({
                 const scroller = target.closest('.overflow-y-auto') as HTMLElement | null;
                 if (!scroller) return;
                 const start = scroller.scrollTop;
-                const end = start + target.getBoundingClientRect().top - scroller.getBoundingClientRect().top - 48;
+                const end = start + target.getBoundingClientRect().top - scroller.getBoundingClientRect().top;
                 const distance = end - start;
                 const duration = 1200;
                 let startTime: number;
@@ -223,7 +223,7 @@ export default function HomePage({
         </div>
 
         {/* Scrollytelling: Problem + Solution + Demo map */}
-        <h2 id="demo" className="text-3xl font-bold text-navy-950 dark:text-warm-100 text-center pt-6 mb-4">
+        <h2 id="demo" className="text-3xl font-bold text-navy-950 dark:text-warm-100 text-center pt-16 mb-4">
           See It in Action
         </h2>
         <p className="text-warm-600 dark:text-warm-400 text-center max-w-2xl mx-auto mb-8 leading-relaxed">