1 files changed, 10 insertions, 5 deletions
diff --git a/app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_value.vue b/app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_value.vue
index 69d588eb25d..10e990f8a80 100644
--- a/app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_value.vue
+++ b/app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_value.vue
@@ -35,7 +35,12 @@ export default {
 </script>
 
 <template>
-  <div class="hide-collapsed value issuable-show-labels js-value">
+  <div
+    :class="{
+      'has-labels':!isEmpty,
+    }"
+    class="hide-collapsed value issuable-show-labels js-value"
+  >
     <span
       v-if="isEmpty"
       class="text-secondary"
@@ -43,18 +48,18 @@ export default {
       <slot>{{ __('None') }}</slot>
     </span>
     <a
-      v-else
       v-for="label in labels"
+      v-else
       :key="label.id"
       :href="labelFilterUrl(label)"
     >
       <span
         v-tooltip
-        class="label color-label"
-        data-placement="bottom"
-        data-container="body"
         :style="labelStyle(label)"
         :title="label.description"
+        class="badge color-label"
+        data-placement="bottom"
+        data-container="body"
       >
         {{ label.title }}
       </span>