diff --git a/frontend/apps/main/src/features/conversation/list/ConversationListItem.vue b/frontend/apps/main/src/features/conversation/list/ConversationListItem.vue
index f03771b0..a4035292 100644
--- a/frontend/apps/main/src/features/conversation/list/ConversationListItem.vue
+++ b/frontend/apps/main/src/features/conversation/list/ConversationListItem.vue
@@ -75,7 +75,7 @@
                 v-if="conversation.unread_message_count > 0"
                 class="flex items-center justify-center w-5 h-5 bg-green-600 text-white text-xs font-medium rounded-full flex-shrink-0"
               >
-                {{ conversation.unread_message_count }}
+                {{ conversation.unread_message_count > 9 ? '9+' : conversation.unread_message_count }}
               </div>
             </div>
 
diff --git a/frontend/apps/widget/src/components/UnreadCountBadge.vue b/frontend/apps/widget/src/components/UnreadCountBadge.vue
index edc2828e..6b10e7ff 100644
--- a/frontend/apps/widget/src/components/UnreadCountBadge.vue
+++ b/frontend/apps/widget/src/components/UnreadCountBadge.vue
@@ -3,7 +3,7 @@
     v-if="count > 0"
     class="bg-primary text-primary-foreground text-xs rounded-full min-w-[1.2rem] h-5 flex items-center justify-center font-bold"
   >
-    {{ count }}
+    {{ count > 9 ? '9+' : count }}
   </span>
 </template>