diff --git a/app/assets/javascripts/issues/new/components/title_suggestions_item.vue b/app/assets/javascripts/issues/new/components/title_suggestions_item.vue
index 36f90ff6358122cfa3ddb4f7de30afcf19875ead..a048cae167199192864f48911ffb4dffcb9b8513 100644
--- a/app/assets/javascripts/issues/new/components/title_suggestions_item.vue
+++ b/app/assets/javascripts/issues/new/components/title_suggestions_item.vue
@@ -83,7 +83,9 @@ export default {
       </gl-link>
     </div>
     <div class="text-secondary suggestion-footer">
-      <gl-icon ref="state" :name="stateIconName" :class="stateIconClass" class="gl-cursor-help" />
+      <span ref="state">
+        <gl-icon :name="stateIconName" :class="stateIconClass" class="gl-cursor-help" />
+      </span>
       <gl-tooltip :target="() => $refs.state" placement="bottom">
         <span class="gl-block">
           <span class="gl-font-bold"> {{ stateTitle }} </span>