From d68a625dda68e1edd01fb95443d6c49b65ac8cd5 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 19 Oct 2025 02:04:50 +0000
Subject: [PATCH] Normalize Roadmap layout spacing and container widths

cgen-612ca9c3a33e4527b0aa93562298057e
---
 client/pages/Roadmap.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/pages/Roadmap.tsx b/client/pages/Roadmap.tsx
index a733b9a9..f62e923d 100644
--- a/client/pages/Roadmap.tsx
+++ b/client/pages/Roadmap.tsx
@@ -220,8 +220,8 @@ export default function Roadmap() {
 
   return (
     <Layout>
-      <div className="bg-aethex-gradient">
-        <section className="container mx-auto max-w-7xl px-4 section-cozy">
+      <div className="min-h-screen bg-aethex-gradient py-12">
+        <section className="container mx-auto max-w-6xl px-4">
           <div className="mb-6">
             <Badge
               variant="outline"
@@ -280,7 +280,7 @@ export default function Roadmap() {
           </div>
         </section>
 
-        <section className="container mx-auto max-w-7xl px-4 section-cozy">
+        <section className="container mx-auto max-w-6xl px-4">
           <div className="grid gap-6 md:grid-cols-[1fr_1fr]">
             <GalaxyMap
               phases={["now", "month1", "month2", "month3"].map((id) => ({
@@ -316,7 +316,7 @@ export default function Roadmap() {
         </section>
 
         {/* Phases */}
-        <section className="container mx-auto px-4 pb-8">
+        <section className="container mx-auto max-w-6xl px-4">
           <div className="grid gap-6 md:grid-cols-2">
             {(focusedPhase
               ? [focusedPhase]
@@ -384,7 +384,7 @@ export default function Roadmap() {
           </div>
         </section>
 
-        <section className="container mx-auto max-w-7xl px-4 section-cozy">
+        <section className="container mx-auto max-w-6xl px-4">
           <Achievements earnedXp={earnedXp} phaseClaims={phaseClaims} />
         </section>