From 75c02f443f4756634f19b17f3825243b0ecf414b Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Tue, 2 Jun 2026 01:08:09 +0200
Subject: [PATCH] fix: align top bars to uniform h-14 height

---
 app/(main)/[locale]/page.tsx      | 4 ++--
 components/email/email-viewer.tsx | 4 ++--
 components/layout/sidebar.tsx     | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/(main)/[locale]/page.tsx b/app/(main)/[locale]/page.tsx
index ede5842e..c411c041 100644
--- a/app/(main)/[locale]/page.tsx
+++ b/app/(main)/[locale]/page.tsx
@@ -2550,8 +2550,8 @@ export default function Home() {
 
             {/* Search Bar + Inline Advanced Filters */}
             <div className="border-b border-border bg-background">
-              <div className="px-3 py-3">
-                <div className="flex items-center gap-1.5">
+              <div className="px-3 h-14 flex items-center">
+                <div className="flex items-center gap-1.5 w-full">
                   {/* Select / Select All toggle */}
                   <button
                     type="button"
diff --git a/components/email/email-viewer.tsx b/components/email/email-viewer.tsx
index 87b0ae7d..75dafef2 100644
--- a/components/email/email-viewer.tsx
+++ b/components/email/email-viewer.tsx
@@ -4226,8 +4226,8 @@ export function EmailViewer({
           "bg-background border-b border-border",
           "max-lg:sticky max-lg:top-0 max-lg:z-10"
         )}>
-          <div className="px-2 sm:px-4 lg:px-6 py-1 sm:py-2">
-            <div ref={toolbarRef} className="flex items-center justify-between gap-0.5 sm:gap-2">
+          <div className="px-2 sm:px-4 lg:px-6 h-14 flex items-center">
+            <div ref={toolbarRef} className="flex items-center justify-between gap-0.5 sm:gap-2 w-full">
               {renderToolbarItems(true)}
             </div>
           </div>
diff --git a/components/layout/sidebar.tsx b/components/layout/sidebar.tsx
index d76218f4..d9e380ec 100644
--- a/components/layout/sidebar.tsx
+++ b/components/layout/sidebar.tsx
@@ -942,7 +942,7 @@ export function Sidebar({
       {/* Header - hidden in the Pro shell, which owns its own chrome and
           would otherwise render an empty strip (no collapse, no switcher). */}
       {!isEmbedded && (
-        <div className={cn("flex items-center border-b border-border", isCollapsed ? "justify-center px-2 py-2" : "gap-1 px-2 py-2")}>
+        <div className={cn("flex items-center border-b border-border h-14", isCollapsed ? "justify-center px-2" : "gap-1 px-2")}>
           <Button
             variant="ghost"
             size="icon"