From 43063dd00fc2bdfd1a5122be9df9ec0e4d8c56cc Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 10 Jul 2023 15:17:13 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(chatMessage/index.tsx):=20?=
 =?UTF-8?q?add=20responsive=20max-width=20to=20the=20markdown=20container?=
 =?UTF-8?q?=20to=20improve=20readability=20on=20smaller=20screens?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/chatMessage/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index a12319f41..6e7457549 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -79,7 +79,7 @@ export default function ChatMessage({
                     remarkPlugins={[remarkGfm, remarkMath]}
                     rehypePlugins={[rehypeMathjax]}
                     className="markdown prose inline-block break-words text-primary
-                     dark:prose-invert"
+                     dark:prose-invert sm:max-w-[30vw] lg:max-w-[40vw]"
                     components={{
                       code({ node, inline, className, children, ...props }) {
                         if (children.length) {