diff --git a/src/lib/components/prose.svelte b/src/lib/components/prose.svelte
index 3250e48..8ced97c 100644
--- a/src/lib/components/prose.svelte
+++ b/src/lib/components/prose.svelte
@@ -9,4 +9,6 @@
   const { children, class: className = '' }: Props = $props();
 </script>
 
-<div class={className + ' prose prose-stone prose-blue dark:prose-invert'}>{@render children()}</div>
+<div class={className + ' prose prose-stone prose-blue !max-w-full dark:prose-invert prose-pre:w-fit prose-pre:max-w-[95%] '}>
+  {@render children()}
+</div>