diff --git a/frontend/src/utils/chat/markdown.js b/frontend/src/utils/chat/markdown.js
index 77004491d6a8844ea50ebfdfc98c418a7e8a5ba8..17b5acbb84c7e074562cbbce993e99c6aa577e75 100644
--- a/frontend/src/utils/chat/markdown.js
+++ b/frontend/src/utils/chat/markdown.js
@@ -44,7 +44,19 @@ const markdown = markdownIt({
       "</pre></div>"
     );
   },
-}).use(markdownItKatex);
+});
+
+// Custom renderer for responsive images rendered in markdown
+markdown.renderer.rules.image = function (tokens, idx) {
+  const token = tokens[idx];
+  const srcIndex = token.attrIndex("src");
+  const src = token.attrs[srcIndex][1];
+  const alt = token.content || "";
+
+  return `<div class="w-full max-w-[800px]"><img src="${src}" alt="${alt}" class="w-full h-auto" /></div>`;
+};
+
+markdown.use(markdownItKatex);
 
 export default function renderMarkdown(text = "") {
   return markdown.render(text);