diff --git a/web/src/components/player/DynamicVideoPlayer.tsx b/web/src/components/player/DynamicVideoPlayer.tsx
index ff6c49667..9f9c41076 100644
--- a/web/src/components/player/DynamicVideoPlayer.tsx
+++ b/web/src/components/player/DynamicVideoPlayer.tsx
@@ -90,7 +90,7 @@ export default function DynamicVideoPlayer({
             playerRef.current.muted(!playerRef.current.muted());
           }
           break;
-        case " ":                   
+        case " ":
           if (down && playerRef.current) {
             if (playerRef.current.paused()) {
               playerRef.current.play();
diff --git a/web/src/pages/History.tsx b/web/src/pages/History.tsx
index 66f1d2314..45098778c 100644
--- a/web/src/pages/History.tsx
+++ b/web/src/pages/History.tsx
@@ -268,7 +268,7 @@ function TimelineViewer({
 
   return (
     <Dialog open={playback != undefined} onOpenChange={(_) => onClose()}>
-      <DialogContent className="md:max-w-2xl lg:max-w-4xl xl:max-w-6xl 2xl:max-w-7xl 3xl:max-w-[1720px]">
+      <DialogContent className="w-[70%] max-h-[82%] max-w-full">
         {timelineData && playback && (
           <DesktopTimelineView
             timelineData={timelineData}