2 files changed, 8 insertions, 8 deletions
diff --git a/app/assets/javascripts/vue_shared/components/markdown/header.vue b/app/assets/javascripts/vue_shared/components/markdown/header.vue
index bf25ed96f35..665637f3b9e 100644
--- a/app/assets/javascripts/vue_shared/components/markdown/header.vue
+++ b/app/assets/javascripts/vue_shared/components/markdown/header.vue
@@ -1,6 +1,6 @@
 <script>
 import $ from 'jquery';
-import { GlPopover, GlButton, GlTooltipDirective } from '@gitlab/ui';
+import { GlPopover, GlDeprecatedButton, GlTooltipDirective } from '@gitlab/ui';
 import ToolbarButton from './toolbar_button.vue';
 import Icon from '../icon.vue';
 
@@ -9,7 +9,7 @@ export default {
     ToolbarButton,
     Icon,
     GlPopover,
-    GlButton,
+    GlDeprecatedButton,
   },
   directives: {
     GlTooltip: GlTooltipDirective,
@@ -142,9 +142,9 @@ export default {
                   )
                 }}
               </p>
-              <gl-button variant="primary" size="sm" @click="handleSuggestDismissed">
+              <gl-deprecated-button variant="primary" size="sm" @click="handleSuggestDismissed">
                 {{ __('Got it') }}
-              </gl-button>
+              </gl-deprecated-button>
             </gl-popover>
           </template>
           <toolbar-button tag="`" tag-block="```" :button-title="__('Insert code')" icon="code" />
diff --git a/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue b/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue
index 8a8cf09194c..af438ce5619 100644
--- a/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue
+++ b/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue
@@ -1,9 +1,9 @@
 <script>
-import { GlButton, GlLoadingIcon, GlTooltipDirective } from '@gitlab/ui';
+import { GlDeprecatedButton, GlLoadingIcon, GlTooltipDirective } from '@gitlab/ui';
 import Icon from '~/vue_shared/components/icon.vue';
 
 export default {
-  components: { Icon, GlButton, GlLoadingIcon },
+  components: { Icon, GlDeprecatedButton, GlLoadingIcon },
   directives: { 'gl-tooltip': GlTooltipDirective },
   props: {
     canApply: {
@@ -52,7 +52,7 @@ export default {
       <gl-loading-icon class="d-flex-center mr-2" />
       <span>{{ __('Applying suggestion') }}</span>
     </div>
-    <gl-button
+    <gl-deprecated-button
       v-else-if="canApply"
       v-gl-tooltip.viewport="__('This also resolves the discussion')"
       class="btn-inverted js-apply-btn"
@@ -61,6 +61,6 @@ export default {
       @click="applySuggestion"
     >
       {{ __('Apply suggestion') }}
-    </gl-button>
+    </gl-deprecated-button>
   </div>
 </template>