From 9bdbc6c5ecc6e3648862aaa9beda7ca9ee66fbd5 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 10 May 2024 10:52:49 -0600
Subject: [PATCH] Use higher amount

---
 web/src/components/player/VideoControls.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/components/player/VideoControls.tsx b/web/src/components/player/VideoControls.tsx
index 407f9bdfd..0c4d3e825 100644
--- a/web/src/components/player/VideoControls.tsx
+++ b/web/src/components/player/VideoControls.tsx
@@ -48,6 +48,7 @@ const CONTROLS_DEFAULT: VideoControls = {
   fullscreen: false,
 };
 const PLAYBACK_RATE_DEFAULT = isSafari ? [0.5, 1, 2] : [0.5, 1, 2, 4, 8, 16];
+const MIN_ITEMS_WRAP = 6;
 
 type VideoControlsProps = {
   className?: string;
@@ -173,7 +174,8 @@ export default function VideoControls({
         "w-auto px-4 py-2 flex flex-wrap sm:flex-nowrap justify-between items-center gap-4 sm:gap-8 text-primary z-50 bg-background/60 rounded-lg",
         className,
         isMobileOnly &&
-          Object.values(features).filter((feat) => feat).length > 4 &&
+          Object.values(features).filter((feat) => feat).length >
+            MIN_ITEMS_WRAP &&
           "min-w-[94%]",
       )}
     >