diff --git a/src/components/VideoPlayer/utils.ts b/src/components/VideoPlayer/utils.ts
index 57f5422d0ce5..c13af0f874d1 100644
--- a/src/components/VideoPlayer/utils.ts
+++ b/src/components/VideoPlayer/utils.ts
@@ -1,9 +1,11 @@
-import {format} from 'date-fns';
-
-// Converts milliseconds to 'minutes:seconds' format
+// Converts milliseconds to '[hours:]minutes:seconds' format
 const convertMillisecondsToTime = (milliseconds: number) => {
-    const date = new Date(milliseconds);
-    return format(date, 'mm:ss');
+    const hours = Math.floor(milliseconds / 3600000);
+    const minutes = Math.floor((milliseconds / 60000) % 60);
+    const seconds = Math.floor((milliseconds / 1000) % 60)
+        .toFixed(0)
+        .padStart(2, '0');
+    return hours > 0 ? `${hours}:${String(minutes).padStart(2, '0')}:${seconds}` : `${minutes}:${seconds}`;
 };
 
 export default convertMillisecondsToTime;
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 3ec9e727a251..303e531ea52d 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -4642,6 +4642,7 @@ const styles = (theme: ThemeColors) =>
         videoPlayerTimeComponentWidth: {
             width: 40,
         },
+
         colorSchemeStyle: (colorScheme: ColorScheme) => ({colorScheme}),
 
         updateAnimation: {