diff --git a/src/renderer/features/lyrics/synchronized-lyrics.tsx b/src/renderer/features/lyrics/synchronized-lyrics.tsx
index 6d1b12bb..26c574d4 100644
--- a/src/renderer/features/lyrics/synchronized-lyrics.tsx
+++ b/src/renderer/features/lyrics/synchronized-lyrics.tsx
@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import isElectron from 'is-electron';
-import { useCallback, useEffect, useRef } from 'react';
+import { Fragment, useCallback, useEffect, useRef } from 'react';
 
 import styles from './synchronized-lyrics.module.css';
 
@@ -338,7 +338,7 @@ export const SynchronizedLyrics = ({
                 />
             )}
             {lyrics.map(([time, text], idx) => (
-                <div key={idx}>
+                <Fragment key={idx}>
                     <LyricLine
                         alignment={settings.alignment}
                         className="lyric-line synchronized"
@@ -356,7 +356,7 @@ export const SynchronizedLyrics = ({
                             text={translatedLyrics.split('\n')[idx]}
                         />
                     )}
-                </div>
+                </Fragment>
             ))}
         </div>
     );