From 9863eed98b2af62c108ed94c0c55014687e82a22 Mon Sep 17 00:00:00 2001
From: Deon Sanchez <69873175+deon-sanchez@users.noreply.github.com>
Date: Tue, 30 Sep 2025 14:03:46 -0600
Subject: [PATCH] Update header and user navigation styles for improved layout
 consistency. Adjusted header height and button sizes for better alignment and
 usability.

---
 frontend/src/components/layout-wrapper.tsx | 4 ++--
 frontend/src/components/user-nav.tsx       | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/layout-wrapper.tsx b/frontend/src/components/layout-wrapper.tsx
index 0585a357..8143a63c 100644
--- a/frontend/src/components/layout-wrapper.tsx
+++ b/frontend/src/components/layout-wrapper.tsx
@@ -79,7 +79,7 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
   // For all other pages, render with Langflow-styled navigation and task menu
   return (
     <div className="h-full relative">
-      <header className="header-arrangement bg-background sticky top-0 z-50">
+      <header className="header-arrangement bg-background sticky top-0 z-50 h-10">
         <div className="header-start-display px-[20px]">
           {/* Logo/Title */}
           <div className="flex items-center">
@@ -104,7 +104,7 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
             {/* Task Notification Bell */}
             <button
               onClick={toggleMenu}
-              className="h-9 w-9 hover:bg-muted rounded-lg flex items-center justify-center"
+              className="h-8 w-8 hover:bg-muted rounded-lg flex items-center justify-center"
             >
               <Bell size={20} className="text-muted-foreground" />
               {activeTasks.length > 0 && (
diff --git a/frontend/src/components/user-nav.tsx b/frontend/src/components/user-nav.tsx
index d5e3783f..e893f746 100644
--- a/frontend/src/components/user-nav.tsx
+++ b/frontend/src/components/user-nav.tsx
@@ -59,8 +59,8 @@ export function UserNav() {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <button className="hover:bg-muted rounded-lg flex items-center justify-center">
-          <Avatar className="rounded-md w-8 h-8">
+        <button className="hover:bg-muted rounded-lg pl-[4px] p-[3px] flex items-center justify-center">
+          <Avatar className="rounded-md w-7 h-7">
             <AvatarImage
               width={16}
               height={16}