From c6bf372b50be341f85f120c2b977eba7f397a3b3 Mon Sep 17 00:00:00 2001
From: Ryan Salazar <ryaninwilton@gmail.com>
Date: Fri, 22 May 2026 01:42:21 +0000
Subject: [PATCH] header: align ticker + browse bar to featured card's visual
 edges (px-4 inside max-w-container)

---
 src/components/DualSpeedTicker.tsx | 4 ++--
 src/components/Header.tsx          | 4 ++--
 src/styles/tailwind.css            | 2 --
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/DualSpeedTicker.tsx b/src/components/DualSpeedTicker.tsx
index 2fff61e..14b2316 100644
--- a/src/components/DualSpeedTicker.tsx
+++ b/src/components/DualSpeedTicker.tsx
@@ -107,6 +107,7 @@ export default function DualSpeedTicker() {
   }, []);
 
   return (
+    <div className="max-w-container mx-auto px-4">
     <aside className="bbt-root" aria-label="News + forum live ticker">
       <Row
         label="THE LATEST"
@@ -132,8 +133,6 @@ export default function DualSpeedTicker() {
           border-bottom-color: rgba(0,212,255,0.18);
           font-family: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
           color: #d1d5db;
-          max-width: 1200px;
-          margin: 0 auto;
         }
         .bbt-row {
           position: relative;
@@ -223,5 +222,6 @@ export default function DualSpeedTicker() {
         }
       `}</style>
     </aside>
+    </div>
   );
 }
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 69c81a5..cdcc135 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -535,8 +535,8 @@ export default function Header() {
       <DualSpeedTicker />
 
       {/* BROWSE BAR — search left, primary nav right */}
-      <div className="bb-browse-bar hidden md:block" role="navigation" aria-label="Browse sections">
-        <div className="max-w-container mx-auto px-4">
+      <div className="max-w-container mx-auto px-4 hidden md:block">
+        <div className="bb-browse-bar" role="navigation" aria-label="Browse sections">
           <div className="bb-browse-row">
             {/* Search (left) — with autocomplete dropdown */}
             <div className="bb-browse-search-wrap">
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 8bc03b8..a76097d 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -822,8 +822,6 @@ h1, h2, h3 {
   border-bottom: 2px solid var(--color-accent);
   box-shadow: 0 4px 14px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.02);
   position: relative;
-  max-width: 1200px;
-  margin: 0 auto;
 }
 
 .bb-browse-bar::after {