diff --git a/frontend/src/editor/transcription_editor.tsx b/frontend/src/editor/transcription_editor.tsx
index 2381f6d2..5e29f343 100644
--- a/frontend/src/editor/transcription_editor.tsx
+++ b/frontend/src/editor/transcription_editor.tsx
@@ -266,10 +266,10 @@ export function TranscriptionEditor({
         <>
           <div
             className={clsx(
-              'grow-[2] fixed left-0 top-0 flex items-center justify-center w-full h-full bg-white z-10',
+              'grow-[2] fixed left-0 top-0 flex items-center justify-center w-full h-full bg-white dark:bg-neutral-900 z-50',
             )}
           >
-            <LoadingBee size={200} className="" />
+            <LoadingBee size={200} />
           </div>
         </>
       )}