diff --git a/src/components/cards/MessageCard.vue b/src/components/cards/MessageCard.vue
index c690257e..393d3c06 100644
--- a/src/components/cards/MessageCard.vue
+++ b/src/components/cards/MessageCard.vue
@@ -57,12 +57,12 @@ function replaceNewLine(value: string) {
       />
     </div>
     <div
-      v-if="props.message?.title && !props.message?.image"
+      v-if="props.message?.title && !props.message?.image && !props.message?.note"
       class="rounded-md text-body-1 py-2 px-4 elevation-2 bg-primary text-white chat-right mb-1"
     >
       <p class="mb-0">{{ props.message?.title }}</p>
     </div>
-    <VCardTitle v-if="props.message?.title && props.message?.image">
+    <VCardTitle v-else-if="props.message?.title">
       {{ props.message?.title }}
     </VCardTitle>
     <div