diff --git a/app/javascript/dashboard/components-next/message/bubbles/Email/EmailMeta.vue b/app/javascript/dashboard/components-next/message/bubbles/Email/EmailMeta.vue
index 2f1d014b8..2db89cf11 100644
--- a/app/javascript/dashboard/components-next/message/bubbles/Email/EmailMeta.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Email/EmailMeta.vue
@@ -62,6 +62,10 @@ const showMeta = computed(() => {
     subject.value
   );
 });
+
+defineExpose({
+  showMeta,
+});
 </script>
 
 <template>
diff --git a/app/javascript/dashboard/components-next/message/bubbles/Email/Index.vue b/app/javascript/dashboard/components-next/message/bubbles/Email/Index.vue
index cb91944c6..99463fd6d 100644
--- a/app/javascript/dashboard/components-next/message/bubbles/Email/Index.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Email/Index.vue
@@ -36,6 +36,7 @@ const isExpanded = ref(false);
 const showQuotedMessage = ref(false);
 const renderOriginal = ref(false);
 const contentContainer = useTemplateRef('contentContainer');
+const emailMeta = useTemplateRef('emailMeta');
 
 // Forward form
 const showForwardMessageModal = ref(false);
@@ -55,6 +56,8 @@ const showMessageMenu = computed(
   () => ![MESSAGE_STATUS.FAILED, MESSAGE_STATUS.PROGRESS].includes(status.value)
 );
 
+const showMeta = computed(() => emailMeta.value?.showMeta);
+
 const { hasTranslations, translationContent } =
   useTranslations(contentAttributes);
 
@@ -154,13 +157,14 @@ onUnmounted(() => {
     data-bubble-name="email"
   >
     <div
+      v-show="showMeta"
       class="p-3"
       :class="{
         'border-b border-n-strong': isIncoming,
         'border-b border-n-slate-8/20': isOutgoing,
       }"
     >
-      <EmailMeta class="w-full flex justify-end items-start">
+      <EmailMeta ref="emailMeta" class="w-full flex justify-end items-start">
         <div
           v-if="showMessageMenu"
           class="flex gap-2 skip-context-menu flex-shrink-0 items-center relative"