diff --git a/src/App.svelte b/src/App.svelte
index 8da638b..47dd058 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { fade } from 'svelte/transition';
   import svelteLogo from './assets/svelte.svg'
   import viteLogo from '/vite.svg'
   import Number from './lib/Number.svelte'
@@ -385,7 +386,7 @@
   {/if}
 
   {#if completedOverlay}
-    <div class="overlay"><div>
+    <div class="overlay" transition:fade><div>
       <h2>Congrats! 🎉</h2>
 
       <p>Great job on solving your first puzzle 🧩 </p>