From 59e9145676f236c209c57e7e6459e184b719df6e Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 19 Oct 2025 00:17:26 +0000
Subject: [PATCH] Cozy spacing in Timeline

cgen-c2a43c3573fc4cf1a0135ff4bd3e45d0
---
 client/components/roadmap/Timeline.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/components/roadmap/Timeline.tsx b/client/components/roadmap/Timeline.tsx
index 20e187a1..671cdb9b 100644
--- a/client/components/roadmap/Timeline.tsx
+++ b/client/components/roadmap/Timeline.tsx
@@ -40,7 +40,7 @@ export default function Timeline({
   };
 
   return (
-    <div className="rounded-xl border border-border/40 bg-background/60 p-4 backdrop-blur">
+    <div className="rounded-xl border border-border/40 bg-background/60 p-6 backdrop-blur">
       <div className="flex items-center justify-between gap-2 flex-wrap">
         <div className="flex items-center gap-2">
           {phases.map((p) => {
@@ -59,7 +59,7 @@ export default function Timeline({
       <div ref={containerRef} className="mt-4 overflow-x-auto">
         <div className="min-w-[720px] w-[1200px] lg:w-full relative">
           <div className="absolute left-0 right-0 top-8 h-0.5 bg-border/50" />
-          <div className="grid grid-cols-12 gap-4">
+          <div className="grid grid-cols-12 gap-6">
             {phases.map((p, idx) => (
               <div key={p} data-phase={p} className="col-span-3">
                 {/* Phase header */}