diff --git a/www/app/transcripts/recorder.tsx b/www/app/transcripts/recorder.tsx
index 415afed1..dd4f9500 100644
--- a/www/app/transcripts/recorder.tsx
+++ b/www/app/transcripts/recorder.tsx
@@ -109,7 +109,7 @@ export default function Recorder(props: RecorderProps) {
 
       const wsWrapper = _wavesurfer.getWrapper();
       wsWrapper.style.cursor = "pointer";
-      wsWrapper.style.backgroundColor = "#e0c3fc42";
+      wsWrapper.style.backgroundColor = "RGB(240 240 240)";
       wsWrapper.style.borderRadius = "15px";
 
       _wavesurfer.on("play", () => {