diff --git a/frontend/src/components/home/Timeline.tsx b/frontend/src/components/home/Timeline.tsx
index f6c6e22..88cce38 100644
--- a/frontend/src/components/home/Timeline.tsx
+++ b/frontend/src/components/home/Timeline.tsx
@@ -15,7 +15,7 @@ function Item({ item, index, featured = false }: { item: Milestone; index: numbe
   const onRight = index % 2 === 0
 
   return (
-    <li ref={ref} className="relative md:grid md:grid-cols-2 md:gap-16">
+    <li ref={ref} className={`relative md:grid md:grid-cols-2 md:gap-16 ${featured ? 'mt-10 md:mt-16' : ''}`}>
       {/* دایره‌ها: مرکز دایره در موبایل و دسکتاپ دقیقاً روی مرکز خط 2px است */}
       <span
         aria-hidden="true"
@@ -58,7 +58,7 @@ export function Timeline() {
   const ref = useRef<HTMLOListElement>(null)
   const { scrollYProgress } = useScroll({
     target: ref,
-    offset: ['start 70%', 'end 72%'],
+    offset: ['start 70%', 'end 92%'],
   })
   const scaleY = useTransform(scrollYProgress, [0, 1], [0, 1])