diff --git a/app/javascript/dashboard/components-next/message/bubbles/Text.vue b/app/javascript/dashboard/components-next/message/bubbles/Text.vue
index 968edc0bc..28dabe0cf 100644
--- a/app/javascript/dashboard/components-next/message/bubbles/Text.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Text.vue
@@ -53,7 +53,7 @@ const mediaAttachments = computed(() => {
 <template>
   <BaseBubble class="p-3">
     <span v-html="formattedContent" />
-    <div v-if="mediaAttachments" class="mt-[10px] flex gap-[10px]">
+    <div v-if="mediaAttachments.length" class="mt-[10px] flex gap-[10px]">
       <div
         v-for="attachment in mediaAttachments"
         :key="attachment.id"