refactor: styles for message preview

app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue

@@ -58,7 +58,7 @@
       <message-preview
         v-if="lastMessageInChat"
         :message="lastMessageInChat"
-        class="conversation--message my-0 mx-2 leading-6 h-6 max-w-[96%] w-[16.875rem]"
+        class="conversation--message mt-0 mb-2 mx-2 leading-6 h-6 max-w-[96%] w-[16.875rem] text-sm"
       />
       <p
         v-else

app/javascript/dashboard/components/widgets/conversation/MessagePreview.vue

@@ -1,6 +1,6 @@
 <template>
-  <p
-    class="overflow-hidden text-sm text-slate-700 dark:text-slate-200 text-ellipsis whitespace-nowrap"
+  <span
+    class="overflow-hidden text-slate-700 dark:text-slate-200 text-ellipsis whitespace-nowrap"
   >
     <template v-if="showMessageType">
       <fluent-icon
@@ -37,7 +37,7 @@
     <span v-else>
       {{ $t('CHAT_LIST.NO_CONTENT') }}
     </span>
-  </p>
+  </span>
 </template>
 
 <script>