From 39a8ee67ee6d35da1c6d6035654e66611dc5687a Mon Sep 17 00:00:00 2001
From: Aliyan Ishfaq <aliyanishfaq200@gmail.com>
Date: Thu, 7 Aug 2025 16:39:56 -0700
Subject: [PATCH] fix: overflow in manager chat (#714)

* fix: overflow in manager chat

* fix: keep using scrollbar-pretty-auto

---------

Co-authored-by: bracesproul <braceasproul@gmail.com>
---
 apps/web/src/components/v2/collapsible-alert.tsx | 4 ++--
 apps/web/src/components/v2/manager-chat.tsx      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/v2/collapsible-alert.tsx b/apps/web/src/components/v2/collapsible-alert.tsx
index 1aa0d40c..16fa7cbb 100644
--- a/apps/web/src/components/v2/collapsible-alert.tsx
+++ b/apps/web/src/components/v2/collapsible-alert.tsx
@@ -62,7 +62,7 @@ function CollapsibleAlert({
         <div className="line-clamp-1 min-h-4 font-medium tracking-tight">
           {title}
         </div>
-        <div className="text-muted-foreground data-[variant=destructive]:text-destructive/90 text-sm data-[variant=info]:text-blue-800 data-[variant=success]:text-green-800 data-[variant=warning]:text-yellow-800 dark:data-[variant=destructive]:text-red-200 dark:data-[variant=info]:text-blue-200 dark:data-[variant=success]:text-green-200 dark:data-[variant=warning]:text-yellow-200 [&_p]:leading-relaxed">
+        <div className="text-muted-foreground data-[variant=destructive]:text-destructive/90 text-sm break-all data-[variant=info]:text-blue-800 data-[variant=success]:text-green-800 data-[variant=warning]:text-yellow-800 dark:data-[variant=destructive]:text-red-200 dark:data-[variant=info]:text-blue-200 dark:data-[variant=success]:text-green-200 dark:data-[variant=warning]:text-yellow-200 [&_p]:leading-relaxed">
           {errorState.message}
         </div>
 
@@ -78,7 +78,7 @@ function CollapsibleAlert({
                   transition={{ duration: 0.2, ease: "easeInOut" }}
                   className="overflow-hidden"
                 >
-                  <div className="mt-2 rounded border border-current/20 bg-current/5 p-2 font-mono text-xs">
+                  <div className="mt-2 rounded border border-current/20 bg-current/5 p-2 font-mono text-xs break-all">
                     {errorState.details}
                   </div>
                 </motion.div>
diff --git a/apps/web/src/components/v2/manager-chat.tsx b/apps/web/src/components/v2/manager-chat.tsx
index 833f8a92..4f66c724 100644
--- a/apps/web/src/components/v2/manager-chat.tsx
+++ b/apps/web/src/components/v2/manager-chat.tsx
@@ -164,7 +164,7 @@ export function ManagerChat({
   githubUser,
 }: ManagerChatProps) {
   return (
-    <div className="border-border bg-muted/30 flex h-full w-1/3 flex-col border-r">
+    <div className="border-border bg-muted/30 flex h-full w-1/3 flex-col overflow-hidden border-r">
       <div className="relative flex-1">
         <StickToBottom
           className="absolute inset-0"