1 files changed, 9 insertions, 8 deletions
diff --git a/app/assets/javascripts/feature_flags/components/environments_dropdown.vue b/app/assets/javascripts/feature_flags/components/environments_dropdown.vue
index 3caf536b6a2..88f1e692f5f 100644
--- a/app/assets/javascripts/feature_flags/components/environments_dropdown.vue
+++ b/app/assets/javascripts/feature_flags/components/environments_dropdown.vue
@@ -1,6 +1,6 @@
 <script>
 import { debounce } from 'lodash';
-import { GlDeprecatedButton, GlSearchBoxByType } from '@gitlab/ui';
+import { GlButton, GlSearchBoxByType } from '@gitlab/ui';
 import axios from '~/lib/utils/axios_utils';
 import { __ } from '~/locale';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
@@ -28,9 +28,10 @@ import { deprecatedCreateFlash as createFlash } from '~/flash';
 export default {
   name: 'EnvironmentsSearchableInput',
   components: {
-    GlDeprecatedButton,
+    GlButton,
     GlSearchBoxByType,
   },
+  inject: ['environmentsEndpoint'],
   props: {
     value: {
       type: String,
@@ -53,7 +54,6 @@ export default {
       required: false,
     },
   },
-  inject: ['environmentsEndpoint'],
   data() {
     return {
       environmentSearch: this.value,
@@ -159,19 +159,20 @@ export default {
         <div class="dropdown-content">
           <ul v-if="results.length">
             <li v-for="(result, i) in results" :key="i">
-              <gl-deprecated-button class="btn-transparent" @click="selectEnvironment(result)">{{
+              <gl-button category="tertiary" @click="selectEnvironment(result)">{{
                 result
-              }}</gl-deprecated-button>
+              }}</gl-button>
             </li>
           </ul>
           <div v-else-if="!results.length" class="text-secondary gl-p-3">
             {{ __('No matching results') }}
           </div>
           <div v-if="shouldRenderCreateButton" class="dropdown-footer">
-            <gl-deprecated-button
-              class="js-create-button btn-blank dropdown-item"
+            <gl-button
+              category="tertiary"
+              class="js-create-button dropdown-item"
               @click="createClicked"
-              >{{ composedCreateButtonLabel }}</gl-deprecated-button
+              >{{ composedCreateButtonLabel }}</gl-button
             >
           </div>
         </div>