From 62bee98c66a556829ef524dbe20b13126abb0569 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 10 May 2024 10:57:01 -0600
Subject: [PATCH] Only wrap when needed

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

diff --git a/web/src/components/player/VideoControls.tsx b/web/src/components/player/VideoControls.tsx
index 0c4d3e825..270d3cf9d 100644
--- a/web/src/components/player/VideoControls.tsx
+++ b/web/src/components/player/VideoControls.tsx
@@ -171,12 +171,12 @@ export default function VideoControls({
   return (
     <div
       className={cn(
-        "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",
+        "w-auto px-4 py-2 flex 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 >
             MIN_ITEMS_WRAP &&
-          "min-w-[94%]",
+          "flex-wrap min-w-[75%]",
       )}
     >
       {video && features.volume && (