1 files changed, 12 insertions, 13 deletions
diff --git a/app/assets/javascripts/work_items/components/shared/work_item_links_menu.vue b/app/assets/javascripts/work_items/components/shared/work_item_links_menu.vue
index 53e8eedf060..12b7bade31d 100644
--- a/app/assets/javascripts/work_items/components/shared/work_item_links_menu.vue
+++ b/app/assets/javascripts/work_items/components/shared/work_item_links_menu.vue
@@ -1,29 +1,28 @@
 <script>
-import { GlIcon, GlDropdown, GlDropdownItem } from '@gitlab/ui';
+import { GlDisclosureDropdown, GlDisclosureDropdownItem } from '@gitlab/ui';
 
 export default {
   components: {
-    GlDropdownItem,
-    GlDropdown,
-    GlIcon,
+    GlDisclosureDropdownItem,
+    GlDisclosureDropdown,
   },
 };
 </script>
 
 <template>
   <div class="gl-ml-5">
-    <gl-dropdown
+    <gl-disclosure-dropdown
       category="tertiary"
       toggle-class="btn-icon btn-sm"
-      :right="true"
+      icon="ellipsis_v"
       data-testid="work_items_links_menu"
+      :aria-label="__(`More actions`)"
+      text-sr-only
+      no-caret
     >
-      <template #button-content>
-        <gl-icon name="ellipsis_v" :size="14" />
-      </template>
-      <gl-dropdown-item @click="$emit('removeChild')">
-        {{ s__('WorkItem|Remove') }}
-      </gl-dropdown-item>
-    </gl-dropdown>
+      <gl-disclosure-dropdown-item @action="$emit('removeChild')">
+        <template #list-item>{{ s__('WorkItem|Remove') }}</template>
+      </gl-disclosure-dropdown-item>
+    </gl-disclosure-dropdown>
   </div>
 </template>