diff --git a/components/navigation/app-navigation.tsx b/components/navigation/app-navigation.tsx
index 21e7d37..ac6c958 100644
--- a/components/navigation/app-navigation.tsx
+++ b/components/navigation/app-navigation.tsx
@@ -95,10 +95,10 @@ export function AppNavigation() {
 
   return (
     <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
-      <div className="relative flex h-16 items-center justify-center max-w-6xl mx-auto px-4">
+      <div className="relative container mx-auto flex h-16 items-center justify-center">
         <div className="flex flex-1 items-center justify-center">
           {/* Logo and App Name */}
-          <Link href="/" className="flex items-center space-x-3 absolute left-0">
+          <Link href="/" className="flex items-center space-x-3 absolute left-4">
             <img 
               src="/wulff-logo.png" 
               alt="Wulf Consulting" 
@@ -172,7 +172,7 @@ export function AppNavigation() {
           </NavigationMenu>
 
           {/* Right Side Actions */}
-          <div className="flex items-center gap-3 absolute right-0">
+          <div className="flex items-center gap-3 absolute right-4">
             <ThemeToggle />
           </div>
         </div>