diff --git a/src/lib/UploadOverlay.svelte b/src/lib/UploadOverlay.svelte
index 6b1a4ab..b825c77 100644
--- a/src/lib/UploadOverlay.svelte
+++ b/src/lib/UploadOverlay.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { fade } from "svelte/transition"
   import { Backend, type Checkpoint } from "../utils";
 
   export let data: Checkpoint | null = null
@@ -25,7 +26,7 @@
 </script>
 
 {#if data}
-  <div class="overlay">
+  <div class="overlay" transition:fade>
     <div>
       {#if !id}
         <h2>Upload Puzzle</h2>