From efd4cfa6078da12b6528bbc36f271d83cb9641ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Thu, 20 Nov 2025 12:49:40 +0100
Subject: [PATCH] fix: adjust timeline right padding to match scrollbar width
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed timeline right padding from 240px to 250px to account for the
vertical scrollbar width in the waveforms area, ensuring perfect alignment
between timeline and waveform playhead markers.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/timeline/TimeScale.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/timeline/TimeScale.tsx b/components/timeline/TimeScale.tsx
index 8fec65d..356238d 100644
--- a/components/timeline/TimeScale.tsx
+++ b/components/timeline/TimeScale.tsx
@@ -219,7 +219,7 @@ export function TimeScale({
   }, []);
 
   return (
-    <div className={cn('relative bg-background', className)} style={{ paddingLeft: '240px', paddingRight: '240px' }}>
+    <div className={cn('relative bg-background', className)} style={{ paddingLeft: '240px', paddingRight: '250px' }}>
       <div
         ref={scrollRef}
         className="w-full bg-background overflow-x-auto overflow-y-hidden custom-scrollbar"