From eb3f8be2da1b621090175e31b07c5ad62d571a6c Mon Sep 17 00:00:00 2001
From: David Newell <d.newell1@outlook.com>
Date: Mon, 22 Apr 2024 19:34:24 +0100
Subject: [PATCH] chore: new player UI release tweaks (#21735)

---
 .../controller/PlayerControllerTime.tsx       | 33 +++++++++++--------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/frontend/src/scenes/session-recordings/player/controller/PlayerControllerTime.tsx b/frontend/src/scenes/session-recordings/player/controller/PlayerControllerTime.tsx
index 6ca22131ef1dc..cdfc3474a0823 100644
--- a/frontend/src/scenes/session-recordings/player/controller/PlayerControllerTime.tsx
+++ b/frontend/src/scenes/session-recordings/player/controller/PlayerControllerTime.tsx
@@ -30,19 +30,26 @@ export function Timestamp(): JSX.Element {
             }
             active
         >
-            {timestampFormat === TimestampFormat.Relative ? (
-                <>
-                    {colonDelimitedDuration(startTimeSeconds, fixedUnits)} /{' '}
-                    {colonDelimitedDuration(endTimeSeconds, fixedUnits)}
-                </>
-            ) : (
-                <>
-                    {currentTimestamp
-                        ? dayjs(currentTimestamp).tz('UTC').format('DD/MM/YYYY, HH:mm:ss')
-                        : '--/--/----, 00:00:00'}{' '}
-                    UTC
-                </>
-            )}
+            <span
+                className={clsx(
+                    'text-center',
+                    timestampFormat === TimestampFormat.Relative ? 'w-[132px]' : 'w-[168px]'
+                )}
+            >
+                {timestampFormat === TimestampFormat.Relative ? (
+                    <>
+                        {colonDelimitedDuration(startTimeSeconds, fixedUnits)} /{' '}
+                        {colonDelimitedDuration(endTimeSeconds, fixedUnits)}
+                    </>
+                ) : (
+                    <>
+                        {currentTimestamp
+                            ? dayjs(currentTimestamp).tz('UTC').format('DD/MM/YYYY, HH:mm:ss')
+                            : '--/--/----, 00:00:00'}{' '}
+                        UTC
+                    </>
+                )}
+            </span>
         </LemonButton>
     )
 }