From a8fa85b8e2e9b82925a8c57f13325216262f8db5 Mon Sep 17 00:00:00 2001
From: Danny Avila <danny@librechat.ai>
Date: Mon, 12 Jan 2026 20:11:34 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9C=20fix:=20Layout/Overflow=20handlin?=
 =?UTF-8?q?g=20in=20Share=20View=20(#11314)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Updated MessagesView to include min-height and overflow-hidden for better layout management.
- Adjusted ShareView to ensure proper height and overflow handling, enhancing the overall user experience.
---
 client/src/components/Share/MessagesView.tsx | 2 +-
 client/src/components/Share/ShareView.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Share/MessagesView.tsx b/client/src/components/Share/MessagesView.tsx
index 2d11051688..9fa4276024 100644
--- a/client/src/components/Share/MessagesView.tsx
+++ b/client/src/components/Share/MessagesView.tsx
@@ -13,7 +13,7 @@ export default function MessagesView({
   const localize = useLocalize();
   const [currentEditId, setCurrentEditId] = useState<number | string | null>(-1);
   return (
-    <div className="flex-1 pb-[50px]">
+    <div className="min-h-0 flex-1 overflow-hidden pb-[50px]">
       <div className="dark:gpt-dark-gray relative h-full">
         <div
           style={{
diff --git a/client/src/components/Share/ShareView.tsx b/client/src/components/Share/ShareView.tsx
index 9f75569c6d..99ab7f35eb 100644
--- a/client/src/components/Share/ShareView.tsx
+++ b/client/src/components/Share/ShareView.tsx
@@ -130,7 +130,7 @@ function SharedView() {
 
   const mainContent = (
     <div className="transition-width relative flex h-full w-full flex-1 flex-col items-stretch overflow-hidden pt-0 dark:bg-surface-secondary">
-      <div className="flex h-full flex-col text-text-primary" role="presentation">
+      <div className="flex h-full min-h-0 flex-col text-text-primary" role="presentation">
         {content}
         {footer}
       </div>
@@ -150,7 +150,7 @@ function SharedView() {
 
   return (
     <ShareContext.Provider value={{ isSharedConvo: true }}>
-      <div className="relative flex min-h-screen w-full dark:bg-surface-secondary">
+      <div className="relative flex h-screen w-full overflow-hidden dark:bg-surface-secondary">
         <main className="relative flex w-full grow overflow-hidden dark:bg-surface-secondary">
           {artifactsContainer}
         </main>