diff --git a/front/packages/ui/src/player/index.tsx b/front/packages/ui/src/player/index.tsx
index 6e395ba0..42b20ada 100644
--- a/front/packages/ui/src/player/index.tsx
+++ b/front/packages/ui/src/player/index.tsx
@@ -187,6 +187,7 @@ export const Player: QueryPage<{ slug: string }> = ({ slug }) => {
 				}}
 				{...css({
 					flexGrow: 1,
+					flexShrink: 1,
 					bg: "black",
 					// @ts-ignore Web only
 					cursor: displayControls ? "unset" : "none",
diff --git a/front/packages/ui/src/player/video.web.tsx b/front/packages/ui/src/player/video.web.tsx
index 839f4d58..7658c86d 100644
--- a/front/packages/ui/src/player/video.web.tsx
+++ b/front/packages/ui/src/player/video.web.tsx
@@ -191,7 +191,7 @@ const Video = forwardRef<{ seek: (value: number) => void }, VideoProps>(function
 			// onPlay={() => onPlayPause?.call(null, true)}
 			// onPause={() => onPlayPause?.call(null, false)}
 			onEnded={onEnd}
-			{...css({ width: "100%", height: "100%" })}
+			{...css({ width: "100%", height: "100%", objectFit: "contain" })}
 		/>
 	);
 });