diff --git a/components/i/md/mdc.vue b/components/i/md/mdc.vue
index 98645b8651fd00b7cc21eda41f83d0a4ce05ca65..27fe94233e31c0fa9ed833949846a3e0b35094d5 100644
--- a/components/i/md/mdc.vue
+++ b/components/i/md/mdc.vue
@@ -1,5 +1,7 @@
 <template>
-    <MDC class="prose dark:prose-invert max-w-none" v-if="content" :value="content" tag="article" />
+    <div class="grid grid-cols-1">
+        <MDC class="prose dark:prose-invert max-w-none" v-if="content" :value="content" tag="article" />
+    </div>
 </template>
 <script setup>
 const props = defineProps({