From 6a7c042268f015e3035fda42ee68bbb6588fe66d Mon Sep 17 00:00:00 2001
From: Daniel McCormack <52194107+demccormack@users.noreply.github.com>
Date: Sat, 21 Oct 2023 17:56:36 +1300
Subject: [PATCH] Fix broken dynamic Tailwind class

---
 frontend/src/App.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 5927d52..896572e 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -189,9 +189,11 @@ function MenuItemHeader({
         onChange={() => setVideoSource?.(url)}
       />
       <span
-        className={`inline-block ${
-          videoSource === url ? 'animate-bounce ' : ''
-        }before:content-['🔸']`}
+        className={
+          videoSource === url
+            ? "inline-block animate-bounce before:content-['🔸']"
+            : "inline-block before:content-['🔸']"
+        }
       ></span>
       {` ${name}`}
     </label>