From 31e2356b29bf1796f13e19b20a5842fdbe501b3f Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Fri, 29 Mar 2024 15:27:13 +0530
Subject: [PATCH] Update SLAReportItem.vue

---
 .../settings/reports/components/SLA/SLAReportItem.vue     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAReportItem.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAReportItem.vue
index d1ea4fc6d..753383043 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAReportItem.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAReportItem.vue
@@ -28,7 +28,13 @@ defineProps({
     <div
       class="flex items-center col-span-6 px-0 py-2 text-sm tracking-[0.5] text-slate-700 dark:text-slate-100 rtl:text-right"
     >
-      #{{ conversationId }} with {{ conversation.contact.name }}
+      <span class="text-slate-700 dark:text-slate-100">
+        {{ `#${conversationId} ` }}
+      </span>
+      <span class="text-slate-600 dark:text-slate-100">with </span>
+      <span class="text-slate-700 dark:text-slate-100 capitalize">{{
+        conversation.contact.name
+      }}</span>
       <card-labels
         :conversation-id="conversationId"
         :conversation-labels="conversation.labels"