1 files changed, 8 insertions, 6 deletions
diff --git a/app/assets/javascripts/environments/components/environment_terminal_button.vue b/app/assets/javascripts/environments/components/environment_terminal_button.vue
index 0df07f0457f..1c4209397b1 100644
--- a/app/assets/javascripts/environments/components/environment_terminal_button.vue
+++ b/app/assets/javascripts/environments/components/environment_terminal_button.vue
@@ -3,12 +3,12 @@
  * Renders a terminal button to open a web terminal.
  * Used in environments table.
  */
-import { GlDropdownItem } from '@gitlab/ui';
+import { GlDisclosureDropdownItem } from '@gitlab/ui';
 import { __ } from '~/locale';
 
 export default {
   components: {
-    GlDropdownItem,
+    GlDisclosureDropdownItem,
   },
   props: {
     terminalPath: {
@@ -22,11 +22,13 @@ export default {
       default: false,
     },
   },
-  title: __('Terminal'),
+  data() {
+    return {
+      item: { text: __('Terminal'), href: this.terminalPath },
+    };
+  },
 };
 </script>
 <template>
-  <gl-dropdown-item :href="terminalPath" :disabled="disabled">
-    {{ $options.title }}
-  </gl-dropdown-item>
+  <gl-disclosure-dropdown-item :item="item" :disabled="disabled" />
 </template>