diff --git a/src/renderer/features/lyrics/lyric-line.module.css b/src/renderer/features/lyrics/lyric-line.module.css
index 0afe69ef..add47a0b 100644
--- a/src/renderer/features/lyrics/lyric-line.module.css
+++ b/src/renderer/features/lyrics/lyric-line.module.css
@@ -6,16 +6,16 @@
     transition:
         opacity 0.3s ease-in-out,
         transform 0.3s ease-in-out;
-
-    &.active {
-        opacity: 1;
-    }
-
-    &.unsynchronized {
-        opacity: 1;
-    }
-
-    &.synchronized {
-        cursor: pointer;
-    }
+}
+
+.lyric-line:global(.active) {
+    opacity: 1 !important;
+}
+
+.lyric-line:global(.unsynchronized) {
+    opacity: 1;
+}
+
+.lyric-line:global(.synchronized) {
+    cursor: pointer;
 }
diff --git a/src/renderer/features/lyrics/synchronized-lyrics.css b/src/renderer/features/lyrics/synchronized-lyrics.css
deleted file mode 100644
index abc0282e..00000000
--- a/src/renderer/features/lyrics/synchronized-lyrics.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.active {
-    opacity: 1;
-}
diff --git a/src/renderer/features/lyrics/synchronized-lyrics.tsx b/src/renderer/features/lyrics/synchronized-lyrics.tsx
index 3e9fa8dd..6d1b12bb 100644
--- a/src/renderer/features/lyrics/synchronized-lyrics.tsx
+++ b/src/renderer/features/lyrics/synchronized-lyrics.tsx
@@ -3,7 +3,6 @@ import isElectron from 'is-electron';
 import { useCallback, useEffect, useRef } from 'react';
 
 import styles from './synchronized-lyrics.module.css';
-import './synchronized-lyrics.css';
 
 import { LyricLine } from '/@/renderer/features/lyrics/lyric-line';
 import { useScrobble } from '/@/renderer/features/player/hooks/use-scrobble';