From 024b1b045922f957c31e2e3a984364f6e9cb4dd7 Mon Sep 17 00:00:00 2001
From: Mikael Finstad <finstaden@gmail.com>
Date: Sun, 9 Apr 2023 00:23:06 +0900
Subject: [PATCH] fix overflow

---
 src/TimelineSeg.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/TimelineSeg.jsx b/src/TimelineSeg.jsx
index b4af5584..a23703a7 100644
--- a/src/TimelineSeg.jsx
+++ b/src/TimelineSeg.jsx
@@ -46,6 +46,7 @@ const TimelineSeg = memo(({
     originX: 0,
     boxSizing: 'border-box',
     color: 'white',
+    overflow: 'hidden',
 
     borderLeft: markerBorder,
     borderTopLeftRadius: markerBorderRadius,
@@ -74,7 +75,7 @@ const TimelineSeg = memo(({
       onClick={onThisSegClick}
       title={title.join(' ')}
     >
-      <div style={{ alignSelf: 'flex-start', flexShrink: 1, fontSize: 10, minWidth: 0, overflow: 'hidden' }}>{segNum + 1}</div>
+      <div style={{ alignSelf: 'flex-start', flexShrink: 0, fontSize: 10, minWidth: 0, letterSpacing: '-.1em' }}>{segNum + 1}</div>
 
       <AnimatePresence>
         {invertCutSegments && (