diff --git a/frontend/src/global.d.ts b/frontend/src/global.d.ts
new file mode 100644
index 0000000..cc4837b
--- /dev/null
+++ b/frontend/src/global.d.ts
@@ -0,0 +1,18 @@
+declare type FileDropEvent = import("filedrop-svelte/event").FileDropEvent;
+declare type FileDropSelectEvent = import("filedrop-svelte/event").FileDropSelectEvent;
+declare type FileDropDragEvent = import("filedrop-svelte/event").FileDropDragEvent;
+declare namespace svelte.JSX {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    interface HTMLAttributes<T> {
+        onfiledrop?: (event: CustomEvent<FileDropSelectEvent> & { target: EventTarget & T }) => void;
+        onfiledragenter?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onfiledragleave?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onfiledragover?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onfiledialogcancel?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
+        onfiledialogclose?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
+        onfiledialogopen?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
+        onwindowfiledragenter?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onwindowfiledragleave?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onwindowfiledragover?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+    }
+}
\ No newline at end of file
diff --git a/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte b/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
index da91c75..31ad037 100644
--- a/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
+++ b/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import FileType from './FileType.svelte';
 	import debounce from 'just-debounce-it';
-	import { filedrop, type FileDropOptions } from 'filedrop-svelte';
+	import { filedrop, type FileDropOptions, type Files } from 'filedrop-svelte';
 	import { submissionProgress, UploadStatus, type Status } from '$lib/stores/portfolio';
 	import { createEventDispatcher } from 'svelte';
 	import ProgressBar from './ProgressBar.svelte';
@@ -68,12 +68,8 @@
 		clearInterval(dashAnimationInterval);
 	};
 
-	type Dropped = {
-		accepted: Array<File>;
-		rejected: Array<File>;
-	};
 
-	const onFileDrop = (dropped: Dropped) => {
+	const onFileDrop = (dropped: Files) => {
 		console.log(dropped);
 		if (dropped.accepted.length > 0) {
 			fileDropped = true;