From 124de2ba7c53ff089ee7e20cd0eef59b8dc3d4c9 Mon Sep 17 00:00:00 2001
From: Meghna <11170663+MeghnaAJ@users.noreply.github.com>
Date: Fri, 9 Jun 2023 21:30:34 +0530
Subject: [PATCH] UX: list group label indicator should match existing design
 (#21999)

* UX: list group label indicator should match existing design

* better formatting

* add slight left margin
---
 .../stylesheets/common/base/_topic-list.scss  | 22 +++++++++++++------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss
index 5816c244411..ef08fe8a092 100644
--- a/app/assets/stylesheets/common/base/_topic-list.scss
+++ b/app/assets/stylesheets/common/base/_topic-list.scss
@@ -265,15 +265,23 @@
     }
     .participant-groups {
       margin-left: 0.5em;
-      font-weight: normal;
-      font-size: var(--font-down-1);
+      padding: 0 5px;
+      border: 1px solid var(--primary-low);
+      border-radius: 0.25em;
+      min-width: 3em;
+      @include ellipsis;
 
       > a {
-        color: var(--primary-medium);
-        border: solid 1px var(--primary-low);
-        padding: 0 0.3em 0.07em;
-        border-radius: 0.6em;
-        margin-right: 0.25em;
+        display: flex;
+        align-items: center;
+        height: 1.25em;
+        color: var(--primary-high);
+        .mobile-view & {
+          height: 1.1em;
+        }
+        .d-icon {
+          margin-right: 5px;
+        }
       }
     }
   }