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) {