diff --git a/frontend/src/components/layout/Header.tsx b/frontend/src/components/layout/Header.tsx
index 2a28419..c3a12c9 100644
--- a/frontend/src/components/layout/Header.tsx
+++ b/frontend/src/components/layout/Header.tsx
@@ -19,18 +19,33 @@ export const Header = () => {
           {user ? (
             // Logged in navigation
             <nav className="flex items-center gap-6">
-              {user.is_admin && (
-                <Link to="/admin" className="text-gray-700 hover:text-primary transition-colors">
-                  Admin
+              <Link to="/sports" className="text-gray-700 hover:text-primary transition-colors">
+                Sports
+              </Link>
+              <Link to="/live" className="text-gray-700 hover:text-primary transition-colors">
+                Live
+              </Link>
+              <Link to="/new-bets" className="text-gray-700 hover:text-primary transition-colors">
+                New Bets
+              </Link>
+              <Link to="/watchlist" className="text-gray-700 hover:text-primary transition-colors">
+                Watchlist
+              </Link>
+
+              <div className="flex items-center gap-4 pl-4 border-l">
+                {user.is_admin && (
+                  <Link to="/admin" className="text-gray-700 hover:text-primary transition-colors">
+                    Admin
+                  </Link>
+                )}
+                <Link to="/my-bets" className="text-gray-700 hover:text-primary transition-colors">
+                  My Bets
                 </Link>
-              )}
-              <Link to="/my-bets" className="text-gray-700 hover:text-primary transition-colors">
-                My Bets
-              </Link>
-              <Link to="/wallet" className="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
-                <Wallet size={18} />
-                Wallet
-              </Link>
+                <Link to="/wallet" className="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
+                  <Wallet size={18} />
+                  Wallet
+                </Link>
+              </div>
 
               {/* Web3 Wallet Connection */}
               {isConnected ? (
@@ -51,7 +66,7 @@ export const Header = () => {
                 </button>
               )}
 
-              <div className="flex items-center gap-4 pl-6 border-l">
+              <div className="flex items-center gap-4 pl-4 border-l">
                 <Link to="/profile" className="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
                   <User size={18} />
                   {user.display_name || user.username}
diff --git a/frontend/tests/screenshots/flow-01-homepage.png b/frontend/tests/screenshots/flow-01-homepage.png
index dc4a5ca..6b10cff 100644
Binary files a/frontend/tests/screenshots/flow-01-homepage.png and b/frontend/tests/screenshots/flow-01-homepage.png differ
diff --git a/frontend/tests/screenshots/flow-03-logged-in.png b/frontend/tests/screenshots/flow-03-logged-in.png
index 01ed97d..cedd5c2 100644
Binary files a/frontend/tests/screenshots/flow-03-logged-in.png and b/frontend/tests/screenshots/flow-03-logged-in.png differ
diff --git a/frontend/tests/screenshots/flow-04-events-home.png b/frontend/tests/screenshots/flow-04-events-home.png
index 8457e2f..828664b 100644
Binary files a/frontend/tests/screenshots/flow-04-events-home.png and b/frontend/tests/screenshots/flow-04-events-home.png differ
diff --git a/frontend/tests/screenshots/flow-05-spread-grid.png b/frontend/tests/screenshots/flow-05-spread-grid.png
index 1952a62..c75a06c 100644
Binary files a/frontend/tests/screenshots/flow-05-spread-grid.png and b/frontend/tests/screenshots/flow-05-spread-grid.png differ
diff --git a/frontend/tests/screenshots/flow-06-alice-login.png b/frontend/tests/screenshots/flow-06-alice-login.png
index c400d2d..b4a3932 100644
Binary files a/frontend/tests/screenshots/flow-06-alice-login.png and b/frontend/tests/screenshots/flow-06-alice-login.png differ