From d546f34f2f978ead9b893d9cc9377bef34074aca Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com>
Date: Mon, 14 Aug 2023 11:10:02 -0500
Subject: [PATCH] FIX: Adjust badge overflow ellipsis (#23086)

---
 app/assets/stylesheets/common/components/badges.scss | 1 -
 app/assets/stylesheets/mobile/topic-list.scss        | 2 ++
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/common/components/badges.scss b/app/assets/stylesheets/common/components/badges.scss
index 3060a0af81c..818c5576f23 100644
--- a/app/assets/stylesheets/common/components/badges.scss
+++ b/app/assets/stylesheets/common/components/badges.scss
@@ -44,7 +44,6 @@
     span.badge-category {
       color: var(--primary-high);
       overflow: hidden;
-      text-overflow: ellipsis;
       .extra-info-wrapper & {
         color: var(--header-primary);
       }
diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index ca766154a56..2cc21695ca6 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -189,6 +189,7 @@
 
   .topic-item-stats__category-tags {
     margin-right: 0.5em;
+    max-width: 90%;
 
     .discourse-tags {
       display: inline;
@@ -205,6 +206,7 @@
     }
 
     .badge-wrapper {
+      max-width: 100%;
       vertical-align: bottom;
     }