diff --git a/src/blocks/callout.vue b/src/blocks/callout.vue
index 856968d..473bca2 100644
--- a/src/blocks/callout.vue
+++ b/src/blocks/callout.vue
@@ -4,7 +4,16 @@
       <NotionPageIcon v-bind="pass" />
     </div>
     <div class="notion-callout-text">
-      <NotionTextRenderer :text="title" v-bind="pass" />
+      <NotionRenderer
+        v-if="block.value.content"
+        v-for="(contentId, contentIndex) in block.value.content"
+        v-bind="pass"
+        :key="contentId"
+        :level="pass.level + 1"
+        :content-id="contentId"
+        :content-index="contentIndex"
+      />
+      <NotionTextRenderer v-else :text="title" v-bind="pass" />
     </div>
   </div>
 </template>
@@ -12,6 +21,7 @@
 <script>
 import { Blockable } from "@/lib/blockable";
 import NotionPageIcon from "@/blocks/helpers/page-icon.vue";
+import NotionRenderer from "@/components/notion-renderer.vue";
 import NotionTextRenderer from "@/blocks/helpers/text-renderer.vue";
 
 export default {