Add latest changes from gitlab-org/gitlab@14-10-stable-eev14.10.0-rc42

1 files changed, 17 insertions, 15 deletions

diff --git a/app/assets/javascripts/sidebar/components/attention_requested_toggle.vue b/app/assets/javascripts/sidebar/components/attention_requested_toggle.vue
index 6ba88939373..cdc1c65a516 100644
--- a/app/assets/javascripts/sidebar/components/attention_requested_toggle.vue
+++ b/app/assets/javascripts/sidebar/components/attention_requested_toggle.vue
@@ -70,19 +70,21 @@ export default {
 </script>
 
 <template>
-  <span
-    v-gl-tooltip.left.viewport="tooltipTitle"
-    class="gl-display-inline-block js-attention-request-toggle"
-  >
-    <gl-button
-      :loading="loading"
-      :variant="user.attention_requested ? 'warning' : 'default'"
-      :icon="user.attention_requested ? 'attention-solid' : 'attention'"
-      :aria-label="tooltipTitle"
-      :class="{ 'gl-pointer-events-none': !user.can_update_merge_request }"
-      size="small"
-      category="tertiary"
-      @click="toggleAttentionRequired"
-    />
-  </span>
+  <div>
+    <span
+      v-gl-tooltip.left.viewport="tooltipTitle"
+      class="gl-display-inline-block js-attention-request-toggle"
+    >
+      <gl-button
+        :loading="loading"
+        :variant="user.attention_requested ? 'warning' : 'default'"
+        :icon="user.attention_requested ? 'attention-solid' : 'attention'"
+        :aria-label="tooltipTitle"
+        :class="{ 'gl-pointer-events-none': !user.can_update_merge_request }"
+        size="small"
+        category="tertiary"
+        @click="toggleAttentionRequired"
+      />
+    </span>
+  </div>
 </template>