diff --git a/src/lib/util/promos/August2024.svelte b/src/lib/util/promos/August2024.svelte
index 7a9b54e1..7a4e1b6c 100644
--- a/src/lib/util/promos/August2024.svelte
+++ b/src/lib/util/promos/August2024.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
+  import { fade } from 'svelte/transition';
 
   interface Taglines {
     label: string;
@@ -23,16 +24,10 @@
 
   let index = Math.floor(Math.random() * taglines.length);
   let currentTagline = taglines[index];
-  let isFadingOut = false;
 
   const interval = setInterval(() => {
-    isFadingOut = true;
-
-    setTimeout(() => {
-      isFadingOut = false;
-      index = (index + 1) % taglines.length;
-      currentTagline = taglines[index];
-    }, 1000);
+    index = (index + 1) % taglines.length;
+    currentTagline = taglines[index];
   }, 60_000);
 
   onDestroy(() => {
@@ -40,15 +35,18 @@
   });
 </script>
 
-{#key currentTagline}
-  <a
-    href={currentTagline.url}
-    target="_blank"
-    class="flex-grow animate-fadeIn no-underline {isFadingOut ? 'animate-fadeOut' : ''}">
-    <span class="text-surface-50 dark:text-surface-50 text-sm tracking-wider transition-opacity"
-      >{currentTagline.label}</span>
-    <button
-      class="border:surface-50 dark:hover:surface-50 dark:white text-surface-50 ml-4 rounded border px-3 py-1 text-sm tracking-wide hover:border-[#00237A] hover:bg-[#00237A]"
-      >Try it now</button>
-  </a>
-{/key}
+<div class="grid w-full">
+  {#key currentTagline}
+    <a
+      href={currentTagline.url}
+      target="_blank"
+      class="col-start-1 row-start-1 flex items-center justify-center gap-4 no-underline"
+      in:fade={{ delay: 750 }}
+      out:fade={{ duration: 1000 }}>
+      <span class="text-sm tracking-wider">{currentTagline.label}</span>
+      <button
+        class="border:surface-50 dark:hover:surface-50 dark:white text-surface-50 rounded border px-3 py-1 text-sm tracking-wide hover:border-[#00237A] hover:bg-[#00237A]"
+        >Try it now</button>
+    </a>
+  {/key}
+</div>
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index d2b0cd08..18cb32c1 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -2,22 +2,7 @@ module.exports = {
   plugins: [require('daisyui')],
   content: ['./src/**/*.{html,js,svelte,ts}'],
   theme: {
-    extend: {
-      keyframes: {
-        fadeIn: {
-          '0%': { opacity: '0' },
-          '100%': { opacity: '1' }
-        },
-        fadeOut: {
-          '0%': { opacity: '1' },
-          '100%': { opacity: '0' }
-        }
-      },
-      animation: {
-        fadeIn: 'fadeIn 1s ease-in',
-        fadeOut: 'fadeOut 1s ease-in'
-      }
-    }
+    extend: {}
   },
   variants: {
     extend: {}