1 files changed, 8 insertions, 2 deletions
diff --git a/app/assets/javascripts/vue_shared/components/modal_copy_button.vue b/app/assets/javascripts/vue_shared/components/modal_copy_button.vue
index de9c84dd157..e3a7f144321 100644
--- a/app/assets/javascripts/vue_shared/components/modal_copy_button.vue
+++ b/app/assets/javascripts/vue_shared/components/modal_copy_button.vue
@@ -55,6 +55,11 @@ export default {
       required: false,
       default: null,
     },
+    category: {
+      type: String,
+      required: false,
+      default: 'primary',
+    },
   },
   computed: {
     modalDomId() {
@@ -70,14 +75,14 @@ export default {
           document.body,
       });
       this.clipboard
-        .on('success', e => {
+        .on('success', (e) => {
           this.$root.$emit('bv::hide::tooltip', this.id);
           this.$emit('success', e);
           // Clear the selection and blur the trigger so it loses its border
           e.clearSelection();
           e.trigger.blur();
         })
-        .on('error', e => this.$emit('error', e));
+        .on('error', (e) => this.$emit('error', e));
     });
   },
   destroyed() {
@@ -95,6 +100,7 @@ export default {
     :data-clipboard-target="target"
     :data-clipboard-text="text"
     :title="title"
+    :category="category"
     icon="copy-to-clipboard"
   />
 </template>