render header components as is

left, center, and right parts should already have wrappers for more
control

1 files 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>

   );

 }