diff --git a/pages/files/index.vue b/pages/files/index.vue
index 31281f7..01e6afe 100644
--- a/pages/files/index.vue
+++ b/pages/files/index.vue
@@ -4,6 +4,7 @@
 import {BlobReader, BlobWriter, ZipWriter} from "@zip.js/zip.js";
 import {useSupabaseSelectSingle} from "~/composables/useSupabase.js";
 import DocumentDisplayModal from "~/components/DocumentDisplayModal.vue";
+import DocumentUploadModal from "~/components/DocumentUploadModal.vue";
 import dayjs from "dayjs";
 
 definePageMeta({
@@ -362,7 +363,7 @@ const showFile = (fileId) => {
         </template>
       </USelectMenu>
 
-      <UButton @click="uploadModalOpen = true">+ Hochladen</UButton>
+      <UButton @click="modal.open(DocumentUploadModal,{fileData: {folder: currentFolder.id}})">+ Hochladen</UButton>
       <UButton
           @click="createFolderModalOpen = true"
           variant="outline"