diff --git a/frontend/src/components/ui/markdown-renderer.tsx b/frontend/src/components/ui/markdown-renderer.tsx
index 83784894..392560c0 100644
--- a/frontend/src/components/ui/markdown-renderer.tsx
+++ b/frontend/src/components/ui/markdown-renderer.tsx
@@ -197,6 +197,16 @@ function MarkdownRenderer({
           </li>
         ),
       },
+      pre: {
+        component: ({ children, ...props }: any) => (
+          <pre
+            {...props}
+            className="overflow-x-auto whitespace-pre-wrap break-words font-mono text-sm bg-muted/50 rounded-sm p-2 my-2"
+          >
+            {children}
+          </pre>
+        ),
+      },
     }),
     []
   );