1 files changed, 7 insertions, 17 deletions
diff --git a/app/assets/javascripts/environments/components/environment_rollback.vue b/app/assets/javascripts/environments/components/environment_rollback.vue
index 7a728961b37..32528e6c6ea 100644
--- a/app/assets/javascripts/environments/components/environment_rollback.vue
+++ b/app/assets/javascripts/environments/components/environment_rollback.vue
@@ -5,21 +5,13 @@
  *
  * Makes a post request when the button is clicked.
  */
-import {
-  GlTooltipDirective,
-  GlLoadingIcon,
-  GlModalDirective,
-  GlDeprecatedButton,
-} from '@gitlab/ui';
+import { GlTooltipDirective, GlModalDirective, GlButton } from '@gitlab/ui';
 import { s__ } from '~/locale';
-import Icon from '~/vue_shared/components/icon.vue';
 import eventHub from '../event_hub';
 
 export default {
   components: {
-    Icon,
-    GlLoadingIcon,
-    GlDeprecatedButton,
+    GlButton,
   },
   directives: {
     GlTooltip: GlTooltipDirective,
@@ -73,15 +65,13 @@ export default {
 };
 </script>
 <template>
-  <gl-deprecated-button
+  <gl-button
     v-gl-tooltip
     v-gl-modal.confirm-rollback-modal
-    :disabled="isLoading"
+    class="gl-display-none gl-display-md-block text-secondary"
+    :loading="isLoading"
     :title="title"
-    class="d-none d-md-block text-secondary"
+    :icon="isLastDeployment ? 'repeat' : 'redo'"
     @click="onClick"
-  >
-    <icon v-if="isLastDeployment" name="repeat" /> <icon v-else name="redo" />
-    <gl-loading-icon v-if="isLoading" />
-  </gl-deprecated-button>
+  />
 </template>