1 files changed, 7 insertions, 7 deletions
diff --git a/app/assets/javascripts/ci_variable_list/components/ci_variable_modal.vue b/app/assets/javascripts/ci_variable_list/components/ci_variable_modal.vue
index 0460181558b..32fe841f16e 100644
--- a/app/assets/javascripts/ci_variable_list/components/ci_variable_modal.vue
+++ b/app/assets/javascripts/ci_variable_list/components/ci_variable_modal.vue
@@ -4,7 +4,7 @@ import { mapActions, mapState } from 'vuex';
 import { ADD_CI_VARIABLE_MODAL_ID } from '../constants';
 import CiEnvironmentsDropdown from './ci_environments_dropdown.vue';
 import {
-  GlButton,
+  GlDeprecatedButton,
   GlModal,
   GlFormSelect,
   GlFormGroup,
@@ -19,7 +19,7 @@ export default {
   modalId: ADD_CI_VARIABLE_MODAL_ID,
   components: {
     CiEnvironmentsDropdown,
-    GlButton,
+    GlDeprecatedButton,
     GlModal,
     GlFormSelect,
     GlFormGroup,
@@ -212,22 +212,22 @@ export default {
       </gl-form-group>
     </form>
     <template #modal-footer>
-      <gl-button @click="hideModal">{{ __('Cancel') }}</gl-button>
-      <gl-button
+      <gl-deprecated-button @click="hideModal">{{ __('Cancel') }}</gl-deprecated-button>
+      <gl-deprecated-button
         v-if="variableBeingEdited"
         ref="deleteCiVariable"
         category="secondary"
         variant="danger"
         @click="deleteVarAndClose"
-        >{{ __('Delete variable') }}</gl-button
+        >{{ __('Delete variable') }}</gl-deprecated-button
       >
-      <gl-button
+      <gl-deprecated-button
         ref="updateOrAddVariable"
         :disabled="!canSubmit"
         variant="success"
         @click="updateOrAddVariable"
         >{{ modalActionText }}
-      </gl-button>
+      </gl-deprecated-button>
     </template>
   </gl-modal>
 </template>