diff --git a/apps/web/src/pages/tailwindcss-page.tsx b/apps/web/src/pages/tailwindcss-page.tsx
index 37425247..79ef8b58 100644
--- a/apps/web/src/pages/tailwindcss-page.tsx
+++ b/apps/web/src/pages/tailwindcss-page.tsx
@@ -374,8 +374,8 @@ const colorClasses = {
 
 export default function TailwindV4ShowcasePage() {
   return (
-    <div className="min-h-screen bg-background text-foreground">
-      <div className="container mx-auto flex max-w-7xl flex-col gap-10 px-6 py-10">
+    <section className="min-h-screen bg-background text-foreground">
+      <div className="container flex flex-col gap-10 pb-10">
         <header className="space-y-3">
           <p className="text-sm uppercase tracking-widest text-muted-foreground">Tailwind CSS v4</p>
           <h1 className="text-4xl font-bold tracking-tight">Typography + Colors Showcase</h1>
@@ -603,6 +603,6 @@ export default function TailwindV4ShowcasePage() {
           </div>
         </div>
       </div>
-    </div>
+    </section>
   );
 }