client/src/Header.tsx

@@ -5,7 +5,8 @@ import ThemeToggler from "./ThemeToggler";
 
 function Header() {
   return (
-    <header className="flex items-center bg-nord-1 text-nord-5 py-3 px-2">
+    <header className="bg-nord-1 text-nord-5 py-3 px-2">
+      <div className="flex container items-center mx-auto">
         <a
           target="_blank"
           rel="noopener noreferrer"
@@ -41,6 +42,7 @@ function Header() {
         <span className="ml-auto">
           <ThemeToggler />
         </span>
+      </div>
     </header>
   );
 }