From a6a5dec0ac2500971eafbed140002e13297dec8c Mon Sep 17 00:00:00 2001
From: elvoisin <95469923+elvoisin@users.noreply.github.com>
Date: Sat, 4 Oct 2025 14:36:36 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8(front)=20fix=20width=20chat=20cont?=
 =?UTF-8?q?ainer=20(#57)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

refix width container
---
 CHANGELOG.md                                               | 1 +
 .../conversations/src/features/chat/components/Chat.tsx    | 2 +-
 src/frontend/apps/conversations/src/pages/globals.css      | 7 -------
 3 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 06094c7..79b5056 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,7 @@ and this project adheres to
 
 ### Changed
 
+- 🎨(front) fix width chat container
 - 🐛(front) fix button search web on new conversation
 - 🎨(front) improvement search input scroll
 - ✨(404) fix front 404 page
diff --git a/src/frontend/apps/conversations/src/features/chat/components/Chat.tsx b/src/frontend/apps/conversations/src/features/chat/components/Chat.tsx
index b494741..6189a7c 100644
--- a/src/frontend/apps/conversations/src/features/chat/components/Chat.tsx
+++ b/src/frontend/apps/conversations/src/features/chat/components/Chat.tsx
@@ -520,7 +520,7 @@ export const Chat = ({
                     ${shouldApplyStreamingHeight ? `min-height: ${streamingMessageHeight + 70}px;` : ''}
                   `}
                 >
-                  <Box $display="block" $width="100%">
+                  <Box $display="block">
                     {message.experimental_attachments &&
                       message.experimental_attachments.length > 0 && (
                         <Box>
diff --git a/src/frontend/apps/conversations/src/pages/globals.css b/src/frontend/apps/conversations/src/pages/globals.css
index d249cc8..63b2240 100644
--- a/src/frontend/apps/conversations/src/pages/globals.css
+++ b/src/frontend/apps/conversations/src/pages/globals.css
@@ -177,13 +177,6 @@ ul a:hover {
   color: var(--c--theme--colors--greyscale-050) !important;
 }
 
-code {
-  display: block;
-  width: 100%;
-  overflow: scroll;
-  margin: 5px 0;
-}
-
 @media (width <= 768px) {
   .mobile-no-focus:hover {
     background-color: transparent !important;