From 0223c34a1e1dc792c19c96b297c1b5b5190e51e2 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Thu, 10 Jul 2025 19:58:03 +0200
Subject: [PATCH] fix: timestamp different widths

---
 apps/web/src/components/editor/preview-panel.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/editor/preview-panel.tsx b/apps/web/src/components/editor/preview-panel.tsx
index 197e822..09341ee 100644
--- a/apps/web/src/components/editor/preview-panel.tsx
+++ b/apps/web/src/components/editor/preview-panel.tsx
@@ -306,15 +306,17 @@ function PreviewToolbar({ hasAnyElements }: { hasAnyElements: boolean }) {
       <div>
         <p
           className={cn(
-            "text-[0.75rem] text-muted-foreground tabular-num flex items-center gap-1",
+            "text-[0.75rem] text-muted-foreground flex items-center gap-1",
             !hasAnyElements && "opacity-50"
           )}
         >
-          <span className="text-primary">
+          <span className="text-primary tabular-nums">
             {formatTimeCode(currentTime, "HH:MM:SS:CS")}
           </span>
           <span className="opacity-50">/</span>
-          <span>{formatTimeCode(getTotalDuration(), "HH:MM:SS:CS")}</span>
+          <span className="tabular-nums">
+            {formatTimeCode(getTotalDuration(), "HH:MM:SS:CS")}
+          </span>
         </p>
       </div>
       <Button