From f23c818854f87fa81aae9abba3155ef839fc59dd Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 10 May 2024 09:41:07 -0600
Subject: [PATCH] mobile only

---
 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 bbc0f2df9..48bf7580d 100644
--- a/web/src/components/player/VideoControls.tsx
+++ b/web/src/components/player/VideoControls.tsx
@@ -1,5 +1,5 @@
 import { useCallback, useMemo, useState } from "react";
-import { isSafari } from "react-device-detect";
+import { isMobileOnly, isSafari } from "react-device-detect";
 import { LuPause, LuPlay } from "react-icons/lu";
 import {
   DropdownMenu,
@@ -172,7 +172,7 @@ export default function VideoControls({
       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",
         className,
-        Object.values(features).filter((feat) => feat).length > 4 &&
+        isMobileOnly && Object.values(features).filter((feat) => feat).length > 4 &&
           "min-w-[94%]",
       )}
     >