diff --git a/app/components/markdown-content.tsx b/app/components/markdown-content.tsx
index 3421f32d..bb3245a4 100644
--- a/app/components/markdown-content.tsx
+++ b/app/components/markdown-content.tsx
@@ -10,7 +10,8 @@ export function MarkdownContent({
 	className = '',
 }: MarkdownContentProps) {
 	return (
-		<div className={`prose dark:prose-invert max-w-none ${className}`}>
+		<div className={`prose dark:prose-invert max-w-none min-w-0 overflow-x-hidden
+				wrap-anywhere ${className}`}>
 			<Markdown
 				options={{
 					overrides: {