1 files changed, 11 insertions, 5 deletions
diff --git a/app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_header.vue b/app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_header.vue
index eb837be165b..7b2802650a2 100644
--- a/app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_header.vue
+++ b/app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_header.vue
@@ -1,16 +1,22 @@
 <script>
-export default {};
+import { GlIcon } from '@gitlab/ui';
+
+export default {
+  components: {
+    GlIcon,
+  },
+};
 </script>
 
 <template>
-  <div class="dropdown-title">
-    <span>{{ __('Assign labels') }}</span>
+  <div class="dropdown-title gl-display-flex gl-justify-content-center">
+    <span class="gl-ml-auto">{{ __('Assign labels') }}</span>
     <button
       :aria-label="__('Close')"
       type="button"
-      class="dropdown-title-button dropdown-menu-close"
+      class="dropdown-title-button dropdown-menu-close gl-ml-auto"
     >
-      <i aria-hidden="true" class="fa fa-times dropdown-menu-close-icon" data-hidden="true"> </i>
+      <gl-icon name="close" aria-hidden="true" class="dropdown-menu-close-icon" />
     </button>
   </div>
 </template>