diff --git a/frontend/static/themes/dark_note.css b/frontend/static/themes/dark_note.css
index 605f94140..f6f7f3686 100644
--- a/frontend/static/themes/dark_note.css
+++ b/frontend/static/themes/dark_note.css
@@ -101,10 +101,10 @@ body::before {
   --c-dot--error: var(--colorful-error-color);
 }
 
-#words .word:has(~ .active) letter {
+#words .typed letter {
   animation: toDust 200ms ease-out 0ms 1 forwards !important;
 }
-#words .word:has(~ .active) letter::after {
+#words .typed letter::after {
   animation: fadeIn 100ms ease-in 100ms 1 forwards;
 }
 
@@ -124,7 +124,7 @@ body::before {
   opacity: 0;
 }
 
-#wordsWrapper .word:has(~ .active) letter::after {
+#wordsWrapper .typed letter::after {
   background: var(--c-dot);
 }
 
@@ -143,12 +143,12 @@ hint {
 }
 
 @media (prefers-reduced-motion) {
-  #words .word:has(~ .active) letter {
+  #words .typed letter {
     animation: none !important;
     transform: scale(0.4);
     color: transparent;
   }
-  #words .word:has(~ .active) letter::after {
+  #words .typed letter::after {
     animation: none !important;
     opacity: 1;
   }