diff --git a/web/views/timeline.ejs b/web/views/timeline.ejs
index bd17b7f..b4886fb 100644
--- a/web/views/timeline.ejs
+++ b/web/views/timeline.ejs
@@ -105,17 +105,20 @@
         }
 
         @media (min-width: 1024px) {
+            .timeline {
+                margin-top: 18vh;
+            }
             .timeline-grid {
                 grid-template-columns: repeat(3, 1fr);
-                gap: 10rem 4rem;
+                gap: 8rem 2.5rem;
                 align-items: start;
             }
             .timeline-card {
-                padding: clamp(2.5rem, 3vw, 4rem);
+                padding: 2.5rem;
             }
             .timeline-marker {
                 top: -1.8rem;
-                left: clamp(2.5rem, 3vw, 4rem);
+                left: 2.5rem;
                 width: 3.6rem;
                 height: 3.6rem;
                 font-size: 1.35rem;
@@ -288,7 +291,7 @@
 
     <!-- Timeline -->
     <section class="pb-28">
-        <div class="max-w-[1800px] mx-auto px-6 lg:px-12 xl:px-16">
+        <div class="max-w-[1400px] mx-auto px-6 lg:px-12">
             <div class="timeline" id="timeline">
                 <!-- Flowing connector line (drawn by JS through the node markers) -->
                 <svg class="timeline-line" id="timelineLine" preserveAspectRatio="none" aria-hidden="true">