1 files changed, 10 insertions, 5 deletions
diff --git a/app/assets/javascripts/sidebar/components/participants/participants.vue b/app/assets/javascripts/sidebar/components/participants/participants.vue
index 4a255a3b916..3fd35de2132 100644
--- a/app/assets/javascripts/sidebar/components/participants/participants.vue
+++ b/app/assets/javascripts/sidebar/components/participants/participants.vue
@@ -1,5 +1,5 @@
 <script>
-import { GlIcon, GlLoadingIcon, GlTooltipDirective } from '@gitlab/ui';
+import { GlButton, GlIcon, GlLoadingIcon, GlTooltipDirective } from '@gitlab/ui';
 import { __, n__, sprintf } from '~/locale';
 import userAvatarImage from '~/vue_shared/components/user_avatar/user_avatar_image.vue';
 
@@ -8,9 +8,10 @@ export default {
     GlTooltip: GlTooltipDirective,
   },
   components: {
-    userAvatarImage,
+    GlButton,
     GlIcon,
     GlLoadingIcon,
+    userAvatarImage,
   },
   props: {
     loading: {
@@ -124,9 +125,13 @@ export default {
       </div>
     </div>
     <div v-if="hasMoreParticipants" class="participants-more hide-collapsed">
-      <button type="button" class="btn-transparent btn-link" @click="toggleMoreParticipants">
-        {{ toggleLabel }}
-      </button>
+      <gl-button
+        variant="link"
+        button-text-classes="gl-text-secondary"
+        data-testid="more-participants"
+        @click="toggleMoreParticipants"
+        >{{ toggleLabel }}</gl-button
+      >
     </div>
   </div>
 </template>