diff --git a/src/components/Global/FormFile.vue b/src/components/Global/FormFile.vue
index 4457a31..cf713ac 100644
--- a/src/components/Global/FormFile.vue
+++ b/src/components/Global/FormFile.vue
@@ -11,7 +11,14 @@
         @input="$emit('input', file)"
       >
       </b-form-file>
-      <span class="add-file-btn btn btn-primary" :class="{ disabled }">
+      <span
+        class="add-file-btn btn"
+        :class="{
+          disabled,
+          'btn-secondary': isSecondary,
+          'btn-primary': !isSecondary,
+        }"
+      >
         {{ $t('global.fileUpload.browseText') }}
       </span>
       <slot name="invalid"></slot>
@@ -56,12 +63,21 @@
       type: Boolean,
       default: true,
     },
+    variant: {
+      type: String,
+      default: 'secondary',
+    },
   },
   data() {
     return {
       file: null,
     };
   },
+  computed: {
+    isSecondary() {
+      return this.variant === 'secondary';
+    },
+  },
 };
 </script>
 
@@ -77,6 +93,12 @@
 // Get mouse pointer on complete element
 .add-file-btn {
   position: relative;
+  &.disabled {
+    border-color: gray('400');
+    background-color: gray('400');
+    color: gray('600');
+    box-shadow: none !important;
+  }
 }
 
 .clear-selected-file {