From b208f355e2e636d6e10fba2def4a6f2486f9d354 Mon Sep 17 00:00:00 2001
From: Kha Nguyen <hi@khanguyen.com>
Date: Wed, 23 Jul 2025 17:02:31 -0500
Subject: [PATCH] render header components as is

left, center, and right parts should already have wrappers for more
control
---
 apps/web/src/components/header-base.tsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/apps/web/src/components/header-base.tsx b/apps/web/src/components/header-base.tsx
index f27eb7fc..b8a214f5 100644
--- a/apps/web/src/components/header-base.tsx
+++ b/apps/web/src/components/header-base.tsx
@@ -28,14 +28,10 @@ export function HeaderBase({
   }
 
   return (
-    <header
-      className={cn("px-6 h-14 flex justify-between items-center", className)}
-    >
-      {leftContent && <div className="flex items-center">{leftContent}</div>}
-      {centerContent && (
-        <div className="flex items-center">{centerContent}</div>
-      )}
-      {rightContent && <div className="flex items-center">{rightContent}</div>}
+    <header className={cn("px-6 h-14 flex justify-between", className)}>
+      {leftContent && leftContent}
+      {centerContent && centerContent}
+      {rightContent && rightContent}
     </header>
   );
 }