render header components as is

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

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>
   );
 }