1 files changed, 18 insertions, 16 deletions
diff --git a/app/assets/javascripts/ci/runner/components/registration/registration_token_reset_dropdown_item.vue b/app/assets/javascripts/ci/runner/components/registration/registration_token_reset_dropdown_item.vue
index 6ce88fc54de..47ca3ed6227 100644
--- a/app/assets/javascripts/ci/runner/components/registration/registration_token_reset_dropdown_item.vue
+++ b/app/assets/javascripts/ci/runner/components/registration/registration_token_reset_dropdown_item.vue
@@ -1,5 +1,5 @@
 <script>
-import { GlDropdownItem, GlLoadingIcon, GlModal, GlModalDirective } from '@gitlab/ui';
+import { GlDisclosureDropdownItem, GlLoadingIcon, GlModal, GlModalDirective } from '@gitlab/ui';
 import { createAlert } from '~/alert';
 import { TYPENAME_GROUP, TYPENAME_PROJECT } from '~/graphql_shared/constants';
 import { convertToGraphQLId } from '~/graphql_shared/utils';
@@ -19,7 +19,7 @@ export default {
   name: 'RunnerRegistrationTokenReset',
   i18n,
   components: {
-    GlDropdownItem,
+    GlDisclosureDropdownItem,
     GlLoadingIcon,
     GlModal,
   },
@@ -124,18 +124,20 @@ export default {
 };
 </script>
 <template>
-  <gl-dropdown-item v-gl-modal="$options.modalId">
-    {{ __('Reset registration token') }}
-    <gl-modal
-      size="sm"
-      :modal-id="$options.modalId"
-      :action-primary="actionPrimary"
-      :action-secondary="actionSecondary"
-      :title="$options.i18n.modalTitle"
-      @primary="handleModalPrimary"
-    >
-      <p>{{ $options.i18n.modalCopy }}</p>
-    </gl-modal>
-    <gl-loading-icon v-if="loading" inline />
-  </gl-dropdown-item>
+  <gl-disclosure-dropdown-item v-gl-modal="$options.modalId">
+    <template #list-item>
+      {{ __('Reset registration token') }}
+      <gl-modal
+        size="sm"
+        :modal-id="$options.modalId"
+        :action-primary="actionPrimary"
+        :action-secondary="actionSecondary"
+        :title="$options.i18n.modalTitle"
+        @primary="handleModalPrimary"
+      >
+        <p>{{ $options.i18n.modalCopy }}</p>
+      </gl-modal>
+      <gl-loading-icon v-if="loading" inline />
+    </template>
+  </gl-disclosure-dropdown-item>
 </template>