1 files changed, 2 insertions, 3 deletions
diff --git a/app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_image_new.vue b/app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_image_new.vue
index cd610314292..6bd66981860 100644
--- a/app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_image_new.vue
+++ b/app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_image_new.vue
@@ -90,9 +90,8 @@ export default {
 </script>
 
 <template>
-  <span>
+  <span ref="userAvatar">
     <gl-avatar
-      ref="userAvatar"
       :class="{
         lazy: lazy,
         [cssClasses]: true,
@@ -108,7 +107,7 @@ export default {
         tooltipText ||
         $slots.default /* eslint-disable-line @gitlab/vue-prefer-dollar-scopedslots */
       "
-      :target="() => $refs.userAvatar.$el"
+      :target="() => $refs.userAvatar"
       :placement="tooltipPlacement"
       boundary="window"
     >