From 5b86529a1ef1158d2f5ddbbc7fd8f440f48e88fd Mon Sep 17 00:00:00 2001
From: Joshua Hamburger <jhamburg@uwaterloo.ca>
Date: Mon, 23 Dec 2024 03:54:11 -0500
Subject: [PATCH] fix falling word backgrounds

---
 src/components/FallingWords.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/FallingWords.tsx b/src/components/FallingWords.tsx
index e01dfec..c58537f 100644
--- a/src/components/FallingWords.tsx
+++ b/src/components/FallingWords.tsx
@@ -142,6 +142,16 @@ const FallingWords: React.FC = () => {
             transform: `scale(${ANIMATION_CONFIG.WORD_SCALE})`,
             transition: 'none',
             willChange: 'transform',
+            background: 'var(--primary)',
+            color: 'var(--on-primary)',
+            padding: '0.15rem 0.75rem',
+            borderRadius: '0.25rem',
+            fontSize: '0.8rem',
+            boxShadow: 'var(--elevation-1)',
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: '0.5rem',
+            width: 'fit-content',
           }}
         >
           {word.text}