From b31cc9cade7edc2e4797f26e53c411212e1d6969 Mon Sep 17 00:00:00 2001
From: Philipp Mandler <info@philipp-mandler.com>
Date: Mon, 18 Sep 2023 23:47:35 +0200
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=92=84=20Make=20loading=20spinner=20r?=
 =?UTF-8?q?espect=20dark=20mode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

closes #365
---
 frontend/src/editor/transcription_editor.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/editor/transcription_editor.tsx b/frontend/src/editor/transcription_editor.tsx
index 2381f6d2..51350008 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-10',
             )}
           >
-            <LoadingBee size={200} className="" />
+            <LoadingBee size={200} />
           </div>
         </>
       )}

From e5c9068ab6919de43d3a64fc77a136931ef4076d Mon Sep 17 00:00:00 2001
From: Philipp Mandler <info@philipp-mandler.com>
Date: Mon, 18 Sep 2023 23:48:32 +0200
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=92=84=20Render=20loading=20spinner?=
 =?UTF-8?q?=20in=20front=20of=20player?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/editor/transcription_editor.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/editor/transcription_editor.tsx b/frontend/src/editor/transcription_editor.tsx
index 51350008..5e29f343 100644
--- a/frontend/src/editor/transcription_editor.tsx
+++ b/frontend/src/editor/transcription_editor.tsx
@@ -266,7 +266,7 @@ export function TranscriptionEditor({
         <>
           <div
             className={clsx(
-              'grow-[2] fixed left-0 top-0 flex items-center justify-center w-full h-full bg-white dark:bg-neutral-900 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} />