diff --git a/frontend/src/components/Panel/UploadButton.vue b/frontend/src/components/Panel/UploadButton.vue
index f4dd212a..95bc4b6a 100644
--- a/frontend/src/components/Panel/UploadButton.vue
+++ b/frontend/src/components/Panel/UploadButton.vue
@@ -10,26 +10,27 @@
       <v-btn
         v-bind="props"
         @click="select"
-        icon="mdi-upload"
         :loading="loading"
         :color="btnColor"
         :variant="variant"
         :width="width"
         :class="btnClass"
-      />
+      >
+        <svg-icon type="mdi" :path="path"></svg-icon>
+      </v-btn>
     </template>
   </v-tooltip>
   <v-btn
     v-else
     v-bind="props"
     @click="select"
-    prepend-icon="mdi-upload"
     :loading="loading"
     :color="btnColor"
     :variant="variant"
     :width="width"
     :class="btnClass"
   >
+    <svg-icon type="mdi" :path="path"></svg-icon>
     {{ label }}
   </v-btn>
 </template>
@@ -37,6 +38,8 @@
 <script setup lang="ts">
 import { type PropType } from 'vue'
 import { ref } from 'vue'
+import SvgIcon from '@jamescoyle/vue-icon'
+import { mdiFileDownload } from '@mdi/js'
 
 const props = defineProps({
   accept: { type: String, default: '.yaml,.yml,text/yaml,application/x-yaml' },
@@ -48,6 +51,8 @@ const props = defineProps({
   btnClass: { type: String }
 })
 
+const path = mdiFileDownload
+
 const input = ref<HTMLInputElement | null>(null)
 
 const emit = defineEmits(['click'])