From d1c9af260c67df081b38aad6957a35dbf37f9eea Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Tue, 1 Jul 2025 10:52:40 +0530
Subject: [PATCH] fix: Unread badge style issue (#11846)

- fix issue with unread badges
---
 .../components/widgets/conversation/MessagesView.vue         | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
index 0ff68f79b..1f850cd74 100644
--- a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
@@ -477,7 +477,10 @@ export default {
         </transition>
       </template>
       <template #unreadBadge>
-        <li v-show="unreadMessageCount != 0">
+        <li
+          v-show="unreadMessageCount != 0"
+          class="list-none flex justify-center items-center"
+        >
           <span
             class="shadow-lg rounded-full bg-n-brand text-white text-xs font-medium my-2.5 mx-auto px-2.5 py-1.5"
           >