diff --git a/components/content/MarkdownBlock.vue b/components/content/MarkdownBlock.vue
index 3118b03..bdbee07 100644
--- a/components/content/MarkdownBlock.vue
+++ b/components/content/MarkdownBlock.vue
@@ -1,4 +1,4 @@
 <!-- This component is used to show Markdown code block examples -->
 <template>
-  <pre><ContentSlot :use="$slots.default" unwrap="p" /></pre>
+  <pre class="max-w-full overflow-x-auto"><ContentSlot :use="$slots.default" unwrap="p" /></pre>
 </template>