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;