diff --git a/src/components/SavingsPath.vue b/src/components/SavingsPath.vue
index fb4400b81053d18f4332ad2012fd1e254375b1d5..b71a11bb1b657160eea30453ff91600acded5f0f 100644
--- a/src/components/SavingsPath.vue
+++ b/src/components/SavingsPath.vue
@@ -307,7 +307,10 @@ const saveAnimatedState = (challenge: Challenge) => {
 }
 
 const animateChallenge = (challenge: Challenge) => {
-    if (challenge.completion === 100 && !animatedChallenges.value.includes(<number>challenge.id)) {
+    if (
+        challenge.completion === 100 &&
+        !animatedChallenges.value.includes(challenge.id as number)
+    ) {
         console.log('Animating for:', challenge.title)
         if (challenge.id != null) {
             animatedChallenges.value.push(challenge.id)
@@ -333,8 +336,8 @@ watch(
             //wait for 300ms before animating maybe?
             nextTick(() => {
                 if (challenge.completion === 100) {
-                    if (!animatedChallenges.value.includes(<number>challenge.id)) {
-                        console.log(!animatedChallenges.value.includes(<number>challenge.id))
+                    if (!animatedChallenges.value.includes(challenge.id as number)) {
+                        console.log(!animatedChallenges.value.includes(challenge.id as number))
                         console.log('Animating challenge in watcher:', challenge.id)
                         animateChallenge(challenge)
                         saveAnimatedState(challenge) // Refactor this to update localStorage correctly