1 files changed, 11 insertions, 11 deletions
diff --git a/app/assets/javascripts/pipelines/components/pipelines_list/nav_controls.vue b/app/assets/javascripts/pipelines/components/pipelines_list/nav_controls.vue
index a66bbb7e5ba..d7b6e033bd1 100644
--- a/app/assets/javascripts/pipelines/components/pipelines_list/nav_controls.vue
+++ b/app/assets/javascripts/pipelines/components/pipelines_list/nav_controls.vue
@@ -1,12 +1,10 @@
 <script>
-import { GlDeprecatedButton } from '@gitlab/ui';
-import LoadingButton from '~/vue_shared/components/loading_button.vue';
+import { GlButton } from '@gitlab/ui';
 
 export default {
   name: 'PipelineNavControls',
   components: {
-    LoadingButton,
-    GlDeprecatedButton,
+    GlButton,
   },
   props: {
     newPipelinePath: {
@@ -42,25 +40,27 @@ export default {
 </script>
 <template>
   <div class="nav-controls">
-    <gl-deprecated-button
+    <gl-button
       v-if="newPipelinePath"
       :href="newPipelinePath"
       variant="success"
+      category="primary"
       class="js-run-pipeline"
     >
       {{ s__('Pipelines|Run Pipeline') }}
-    </gl-deprecated-button>
+    </gl-button>
 
-    <loading-button
+    <gl-button
       v-if="resetCachePath"
       :loading="isResetCacheButtonLoading"
-      :label="s__('Pipelines|Clear Runner Caches')"
       class="js-clear-cache"
       @click="onClickResetCache"
-    />
+    >
+      {{ s__('Pipelines|Clear Runner Caches') }}
+    </gl-button>
 
-    <gl-deprecated-button v-if="ciLintPath" :href="ciLintPath" class="js-ci-lint">
+    <gl-button v-if="ciLintPath" :href="ciLintPath" class="js-ci-lint">
       {{ s__('Pipelines|CI Lint') }}
-    </gl-deprecated-button>
+    </gl-button>
   </div>
 </template>