diff --git a/src/components/Animated.svelte b/src/components/Animated.svelte
index d314ba9..417878a 100644
--- a/src/components/Animated.svelte
+++ b/src/components/Animated.svelte
@@ -14,7 +14,7 @@
 </script>
 
 {#key update}
-    <div class="animated" in:fade="{{ duration: 600 }}">
+    <div class="animated" in:fade="{{ duration: 400 }}">
         <slot />
     </div>
 {/key}
diff --git a/src/components/Hint.svelte b/src/components/Hint.svelte
index d379d69..94135de 100644
--- a/src/components/Hint.svelte
+++ b/src/components/Hint.svelte
@@ -5,7 +5,7 @@
 </script>
 
 {#if show}
-    <p in:fade|local="{{ duration: 600 }}" class="hint">
+    <p in:fade|local="{{ duration: 400 }}" class="hint">
         💡 {@html hint}
     </p>
 {/if}