From 0fc4ee2a0f6fa1f5610551120d3769a2d84da5c0 Mon Sep 17 00:00:00 2001
From: Xiaohan-Tian <157918347+Xiaohan-Tian@users.noreply.github.com>
Date: Sat, 2 May 2026 22:44:23 -0700
Subject: [PATCH] fix: spectrogram is not taking region position into
 consideration

---
 src/components/piano-roll/SpectrogramCanvas.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/piano-roll/SpectrogramCanvas.tsx b/src/components/piano-roll/SpectrogramCanvas.tsx
index 0675b18..84fbf3f 100644
--- a/src/components/piano-roll/SpectrogramCanvas.tsx
+++ b/src/components/piano-roll/SpectrogramCanvas.tsx
@@ -249,7 +249,7 @@ const SpectrogramCanvas: React.FC<SpectrogramCanvasProps> = ({
       style={{
         position: 'absolute',
         top: 0,
-        left: 0,
+        left: `${audioRegion.getStartFromBeat() * 40 * zoom}px`,
         zIndex: 0,
         pointerEvents: 'none',
       }}