1 files changed, 12 insertions, 6 deletions
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_author.vue b/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_author.vue
index f71b1fbc539..79ea2624ec5 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_author.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_author.vue
@@ -1,8 +1,11 @@
 <script>
-import { GlTooltipDirective } from '@gitlab/ui';
+import { GlTooltipDirective, GlLink } from '@gitlab/ui';
 
 export default {
   name: 'MrWidgetAuthor',
+  components: {
+    GlLink,
+  },
   directives: {
     GlTooltip: GlTooltipDirective,
   },
@@ -28,13 +31,16 @@ export default {
 };
 </script>
 <template>
-  <a
+  <gl-link
     v-gl-tooltip
     :href="authorUrl"
     :title="showAuthorName ? null : author.name"
-    class="author-link inline"
+    class="mr-widget-author"
   >
-    <img :src="avatarUrl" class="avatar avatar-inline s16" />
-    <span v-if="showAuthorName" class="author">{{ author.name }}</span>
-  </a>
+    <img :src="avatarUrl" :alt="author.name" class="avatar avatar-inline s16" /><span
+      v-if="showAuthorName"
+      class="author"
+      >{{ author.name }}</span
+    >
+  </gl-link>
 </template>