diff --git a/app/javascript/dashboard/components-next/Conversation/ConversationCard/CardMessagePreview.vue b/app/javascript/dashboard/components-next/Conversation/ConversationCard/CardMessagePreview.vue
index a81c80b87..a2b3ad7fb 100644
--- a/app/javascript/dashboard/components-next/Conversation/ConversationCard/CardMessagePreview.vue
+++ b/app/javascript/dashboard/components-next/Conversation/ConversationCard/CardMessagePreview.vue
@@ -21,7 +21,7 @@ const lastNonActivityMessageContent = computed(() => {
     props.conversation;
   const { email: { subject } = {} } = customAttributes;
   return getPlainText(
-    subject || lastNonActivityMessage.content || t('CHAT_LIST.NO_CONTENT')
+    subject || lastNonActivityMessage?.content || t('CHAT_LIST.NO_CONTENT')
   );
 });
 
diff --git a/app/javascript/dashboard/components-next/Conversation/ConversationCard/CardMessagePreviewWithMeta.vue b/app/javascript/dashboard/components-next/Conversation/ConversationCard/CardMessagePreviewWithMeta.vue
index 63d014cf7..f1ad9d09b 100644
--- a/app/javascript/dashboard/components-next/Conversation/ConversationCard/CardMessagePreviewWithMeta.vue
+++ b/app/javascript/dashboard/components-next/Conversation/ConversationCard/CardMessagePreviewWithMeta.vue
@@ -29,7 +29,7 @@ const lastNonActivityMessageContent = computed(() => {
     props.conversation;
   const { email: { subject } = {} } = customAttributes;
   return getPlainText(
-    subject || lastNonActivityMessage.content || t('CHAT_LIST.NO_CONTENT')
+    subject || lastNonActivityMessage?.content || t('CHAT_LIST.NO_CONTENT')
   );
 });
 
diff --git a/app/javascript/dashboard/components-next/message/chips/Audio.vue b/app/javascript/dashboard/components-next/message/chips/Audio.vue
index 45a307141..eb5093d29 100644
--- a/app/javascript/dashboard/components-next/message/chips/Audio.vue
+++ b/app/javascript/dashboard/components-next/message/chips/Audio.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { computed, useTemplateRef, ref } from 'vue';
+import { computed, onMounted, useTemplateRef, ref } from 'vue';
 import Icon from 'next/icon/Icon.vue';
 import { timeStampAppendedURL } from 'dashboard/helper/URLHelper';
 
@@ -29,6 +29,13 @@ const onLoadedMetadata = () => {
   duration.value = audioPlayer.value?.duration;
 };
 
+// There maybe a chance that the audioPlayer ref is not available
+// When the onLoadMetadata is called, so we need to set the duration
+// value when the component is mounted
+onMounted(() => {
+  duration.value = audioPlayer.value?.duration;
+});
+
 const formatTime = time => {
   const minutes = Math.floor(time / 60);
   const seconds = Math.floor(time % 60);
diff --git a/app/javascript/dashboard/composables/chatlist/useChatListKeyboardEvents.js b/app/javascript/dashboard/composables/chatlist/useChatListKeyboardEvents.js
index 0f26f6c96..e6a26e872 100644
--- a/app/javascript/dashboard/composables/chatlist/useChatListKeyboardEvents.js
+++ b/app/javascript/dashboard/composables/chatlist/useChatListKeyboardEvents.js
@@ -1,6 +1,6 @@
 import { useKeyboardEvents } from 'dashboard/composables/useKeyboardEvents';
 
-export function useChatListKeyboardEvents({ listRef }) {
+export function useChatListKeyboardEvents(listRef) {
   const getKeyboardListenerParams = () => {
     const allConversations = listRef.value.querySelectorAll(
       'div.conversations-list div.conversation'
@@ -19,6 +19,7 @@ export function useChatListKeyboardEvents({ listRef }) {
       lastConversationIndex,
     };
   };
+
   const handleConversationNavigation = direction => {
     const { allConversations, activeConversationIndex, lastConversationIndex } =
       getKeyboardListenerParams();
diff --git a/app/javascript/dashboard/store/modules/conversations/actions.js b/app/javascript/dashboard/store/modules/conversations/actions.js
index e538c77b3..de12c0077 100644
--- a/app/javascript/dashboard/store/modules/conversations/actions.js
+++ b/app/javascript/dashboard/store/modules/conversations/actions.js
@@ -100,7 +100,7 @@ const actions = {
   },
 
   fetchAllAttachments: async ({ commit }, conversationId) => {
-    let attachments = null;
+    let attachments = [];
 
     try {
       const { data } = await ConversationApi.getAllAttachments(conversationId);