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 7cd53c1b5..ec32c1c37 100644
--- a/app/javascript/dashboard/components-next/message/bubbles/Email/Index.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Email/Index.vue
@@ -34,7 +34,7 @@ const props = defineProps({
     default: () => ({}),
   },
   messageType: {
-    type: String,
+    type: Number,
     required: true,
   },
 });
diff --git a/app/javascript/dashboard/components-next/message/bubbles/Text/Index.vue b/app/javascript/dashboard/components-next/message/bubbles/Text/Index.vue
index c22797e99..1f61c081f 100644
--- a/app/javascript/dashboard/components-next/message/bubbles/Text/Index.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Text/Index.vue
@@ -32,7 +32,7 @@ const props = defineProps({
     default: () => ({}),
   },
   messageType: {
-    type: String,
+    type: Number,
     default: '',
     validator: value => Object.values(MESSAGE_TYPES).includes(value),
   },