From b2f8a349cca24587fee35cc2f9cb71a15c3cbbcb Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Tue, 4 Mar 2025 12:34:00 -0700
Subject: [PATCH] chat headerupdate

---
 web/src/components/ui/layouts/AppPageLayout.stories.tsx    | 7 ++++---
 .../ChatLayout/ChatContainer/ChatHeader/ChatHeader.tsx     | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/src/components/ui/layouts/AppPageLayout.stories.tsx b/web/src/components/ui/layouts/AppPageLayout.stories.tsx
index 26fe58e6e..315023ee0 100644
--- a/web/src/components/ui/layouts/AppPageLayout.stories.tsx
+++ b/web/src/components/ui/layouts/AppPageLayout.stories.tsx
@@ -52,15 +52,16 @@ export const WithCustomClassName: Story = {
 export const LongContent: Story = {
   args: {
     header: <div className="bg-gray-100">Header Content</div>,
+    scrollable: true,
     children: (
-      <div className="">
-        {Array.from({ length: 20 }, (_, i) => (
+      <>
+        {Array.from({ length: 100 }, (_, i) => (
           <p key={i} className="mb-4">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
             incididunt ut labore et dolore magna aliqua.
           </p>
         ))}
-      </div>
+      </>
     )
   }
 };
diff --git a/web/src/layouts/ChatLayout/ChatContainer/ChatHeader/ChatHeader.tsx b/web/src/layouts/ChatLayout/ChatContainer/ChatHeader/ChatHeader.tsx
index 939cd267f..ca992981e 100644
--- a/web/src/layouts/ChatLayout/ChatContainer/ChatHeader/ChatHeader.tsx
+++ b/web/src/layouts/ChatLayout/ChatContainer/ChatHeader/ChatHeader.tsx
@@ -14,7 +14,7 @@ export const ChatHeader: React.FC<{
   return (
     <AppPageLayoutHeader
       className={cn(
-        'relative z-2 flex w-full items-center justify-between space-x-2 px-4 transition-shadow',
+        'relative z-2 flex w-full items-center justify-between space-x-2 border-b-0 px-4 transition-shadow',
         showScrollOverflow && 'shadow-scroll-indicator'
       )}>
       {hasFile && chatTitle && (