diff --git a/frontend/src/components/UI/Buttons/TheUploadBtn.vue b/frontend/src/components/UI/Buttons/TheUploadBtn.vue
index 7845d2933..6b2180d90 100644
--- a/frontend/src/components/UI/Buttons/TheUploadBtn.vue
+++ b/frontend/src/components/UI/Buttons/TheUploadBtn.vue
@@ -1,10 +1,12 @@
 <template>
   <v-form ref="file">
     <input ref="uploader" class="d-none" type="file" @change="onFileChanged" />
-    <v-btn :loading="isSelecting" @click="onButtonClick" color="accent" :text="textBtn">
-      <v-icon left> {{ icon }}</v-icon>
-      {{ text ? text : defaultText }}
-    </v-btn>
+    <slot v-bind="{ isSelecting, onButtonClick }">
+      <v-btn :loading="isSelecting" @click="onButtonClick" color="accent" :text="textBtn">
+        <v-icon left> {{ icon }}</v-icon>
+        {{ text ? text : defaultText }}
+      </v-btn>
+    </slot>
   </v-form>
 </template>
 
@@ -25,7 +27,7 @@ export default {
       default: true,
     },
   },
-  data: () => ({
+  data: () => ({    
     file: null,
     isSelecting: false,
   }),