diff --git a/app/javascript/dashboard/components-next/message/bubbles/Email.vue b/app/javascript/dashboard/components-next/message/bubbles/Email.vue
index d588c6d75..b50117021 100644
--- a/app/javascript/dashboard/components-next/message/bubbles/Email.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Email.vue
@@ -1,16 +1,25 @@
 <script setup>
+import { computed } from 'vue';
 import BaseBubble from 'next/message/bubbles/Base.vue';
 
-defineProps({
+const props = defineProps({
   content: {
     type: String,
     required: true,
   },
+  contentAttributes: {
+    type: Object,
+    default: () => ({}),
+  },
+});
+
+const contentToShow = computed(() => {
+  return props.contentAttributes?.email?.htmlContent?.full ?? props.content;
 });
 </script>
 
 <template>
   <BaseBubble class="w-full">
-    <div class="p-4 prose prose-sm max-w-none" v-html="content" />
+    <div class="p-4 prose prose-sm max-w-none" v-html="contentToShow" />
   </BaseBubble>
 </template>