diff --git a/src/lib/components/common/Modal.svelte b/src/lib/components/common/Modal.svelte
index 8da1473d..bc46b608 100644
--- a/src/lib/components/common/Modal.svelte
+++ b/src/lib/components/common/Modal.svelte
@@ -35,13 +35,13 @@
 	<!-- svelte-ignore a11y-no-static-element-interactions -->
 	<div
 		class=" fixed top-0 right-0 left-0 bottom-0 bg-black/60 w-full min-h-screen h-screen flex justify-center z-50 overflow-hidden overscroll-contain"
-		transition:fade={{ duration: 200 }}
+		transition:fade={{ duration: 50 }}
 	>
 		<div
 			class=" modal-content m-auto rounded-xl max-w-full {sizeToWidth(
 				size
 			)} mx-2 bg-gray-50 dark:bg-gray-900 shadow-3xl"
-			transition:fade={{ duration: 200 }}
+			transition:fade={{ duration: 50 }}
 			on:click={(e) => {
 				e.stopPropagation();
 			}}