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 && (