From 72628519a5499abd080bece2b10a76132d677832 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Wed, 8 Nov 2023 21:14:06 +0100
Subject: [PATCH] Fix player hover overflow on really small phones

---
 front/packages/ui/src/player/components/hover.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/front/packages/ui/src/player/components/hover.tsx b/front/packages/ui/src/player/components/hover.tsx
index 3720699d..4ffea15f 100644
--- a/front/packages/ui/src/player/components/hover.tsx
+++ b/front/packages/ui/src/player/components/hover.tsx
@@ -120,7 +120,12 @@ export const Hover = ({
 							</H2>
 							<ProgressBar chapters={chapters} />
 							<View
-								{...css({ flexDirection: "row", flexGrow: 1, justifyContent: "space-between" })}
+								{...css({
+									flexDirection: "row",
+									flexGrow: 1,
+									justifyContent: "space-between",
+									flexWrap: "wrap",
+								})}
 							>
 								<LeftButtons previousSlug={previousSlug} nextSlug={nextSlug} />
 								<RightButtons