diff --git a/www/app/transcripts/recorder.tsx b/www/app/transcripts/recorder.tsx
index 9338a9e8..52ad7294 100644
--- a/www/app/transcripts/recorder.tsx
+++ b/www/app/transcripts/recorder.tsx
@@ -138,7 +138,7 @@ export default function Recorder(props: RecorderProps) {
   useEffect(() => {
     topicsRef.current = props.topics;
     if (!isRecording) renderMarkers();
-  }, [props.topics]);
+  }, [props.topics, waveRegions]);
 
   const renderMarkers = () => {
     if (!waveRegions) return;