From c787e67a0ed1c63d94f859fee68d7c10ca1b77dc Mon Sep 17 00:00:00 2001
From: Collin Barrett <6483057+collinbarrett@users.noreply.github.com>
Date: Sun, 15 Jun 2025 13:01:11 -0500
Subject: [PATCH] refactor(web): tweak header layout

---
 web/src/components/header/index.tsx | 32 +++++++++++++----------------
 1 file changed, 14 insertions(+), 18 deletions(-)

diff --git a/web/src/components/header/index.tsx b/web/src/components/header/index.tsx
index 9086cac56..98e30a9db 100644
--- a/web/src/components/header/index.tsx
+++ b/web/src/components/header/index.tsx
@@ -7,24 +7,20 @@ import styles from "./logoHeader.module.css";
 export function Header() {
   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="container flex h-20 items-center px-2 sm:px-0">
-        <div className="flex items-center flex-1 space-x-4">
-          <div className="mr-4 flex-shrink-0">
-            <ImageThemed
-              className={styles.logoHeader}
-              srcLight={LogoLight}
-              srcDark={logoDark}
-              alt="FilterLists logo"
-              width={429}
-              height={100}
-              priority
-            />
-          </div>
-          <div className="flex flex-1 items-center justify-end space-x-4">
-            <nav className="flex items-center space-x-1">
-              <ThemeToggle />
-            </nav>
-          </div>
+      <div className="flex h-20 items-center justify-between px-6">
+        <div className="flex items-center">
+          <ImageThemed
+            className={styles.logoHeader}
+            srcLight={LogoLight}
+            srcDark={logoDark}
+            alt="FilterLists logo"
+            width={429}
+            height={100}
+            priority
+          />
+        </div>
+        <div className="flex items-center">
+          <ThemeToggle />
         </div>
       </div>
     </header>