diff --git a/src/Timeline.jsx b/src/Timeline.jsx
index c6f4928d..0cde2a46 100644
--- a/src/Timeline.jsx
+++ b/src/Timeline.jsx
@@ -245,7 +245,7 @@ const Timeline = memo(({
             ))}
 
             {shouldShowKeyframes && !areKeyframesTooClose && keyframes.map((f) => (
-              <div key={f.time} style={{ position: 'absolute', top: 0, bottom: 0, left: `${(f.time / duration) * 100}%`, marginLeft: -1, width: 1, background: 'rgba(0,0,0,1)', pointerEvents: 'none' }} />
+              <div key={f.time} style={{ position: 'absolute', top: 0, bottom: 0, left: `${(f.time / duration) * 100}%`, marginLeft: -1, width: 1, background: 'rgba(0,0,0,0.4)', pointerEvents: 'none' }} />
             ))}
           </div>
         </div>