diff --git a/src/lib/components/BrewProgress.svelte b/src/lib/components/BrewProgress.svelte
index 2af58ef..e35a264 100644
--- a/src/lib/components/BrewProgress.svelte
+++ b/src/lib/components/BrewProgress.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { onMount } from 'svelte';
   import brews from '../../brews.json';
   import ArrowRight from '../icons/ArrowRight.svelte';
 
@@ -39,6 +40,10 @@
 
   let isOpen: number | null;
 
+  onMount(() =>
+    setTimeout(() => document.querySelector('a.brew svg')?.classList.add('animate'), 1800)
+  );
+
   const steps: Array<IStep> = [
     {
       icon: 'M9.94 8.007l3.983 3.983 1.06 1.06 1.06-1.06 6.93-6.93-2.12-2.12-6.93 6.93h2.12l-3.982-3.984-2.12 2.12z',
@@ -135,7 +140,7 @@
     }
   }
 
-  :global(a.brew:hover svg) {
+  :global(a.brew:hover svg, a.brew svg.animate) {
     animation: bounce 2s infinite;
   }