From ea9f289647bb3fe295e1540a02f2357b92daf6e2 Mon Sep 17 00:00:00 2001
From: abhi1992002 <abhimanyu1992002@gmail.com>
Date: Tue, 3 Feb 2026 14:17:24 +0530
Subject: [PATCH] Update ToolAccordion and MessageContent components for
 improved layout and responsiveness

---
 .../copilot-2/components/ToolAccordion/ToolAccordion.tsx       | 3 +--
 .../frontend/src/components/ai-elements/message.tsx            | 3 ++-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/autogpt_platform/frontend/src/app/(platform)/copilot-2/components/ToolAccordion/ToolAccordion.tsx b/autogpt_platform/frontend/src/app/(platform)/copilot-2/components/ToolAccordion/ToolAccordion.tsx
index a35376bb8f..2af67eced9 100644
--- a/autogpt_platform/frontend/src/app/(platform)/copilot-2/components/ToolAccordion/ToolAccordion.tsx
+++ b/autogpt_platform/frontend/src/app/(platform)/copilot-2/components/ToolAccordion/ToolAccordion.tsx
@@ -38,9 +38,8 @@ export function ToolAccordion({
   return (
     <div
       className={cn(
-        "mt-2 rounded-2xl border bg-background px-3 py-2",
+        "mt-2 w-full rounded-2xl border bg-background px-3 py-2",
         className,
-        
       )}
     >
       <button
diff --git a/autogpt_platform/frontend/src/components/ai-elements/message.tsx b/autogpt_platform/frontend/src/components/ai-elements/message.tsx
index aa2dcfe831..29108876ea 100644
--- a/autogpt_platform/frontend/src/components/ai-elements/message.tsx
+++ b/autogpt_platform/frontend/src/components/ai-elements/message.tsx
@@ -43,7 +43,8 @@ export const MessageContent = ({
 }: MessageContentProps) => (
   <div
     className={cn(
-      "is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
+      "is-user:dark flex w-full min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
+      "group-[.is-user]:w-fit",
       "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-neutral-100 group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-neutral-950 dark:group-[.is-user]:bg-neutral-800 dark:group-[.is-user]:text-neutral-50",
       "group-[.is-assistant]:text-neutral-950 dark:group-[.is-assistant]:text-neutral-50",
       className,