From ac83da09ea5d7a3504106f30b5df1cdf72e21a84 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Fri, 15 Dec 2023 08:40:49 -0700
Subject: [PATCH] Fix root margin for mobile

---
 web-new/src/App.tsx                                      | 2 +-
 web-new/src/components/player/PreviewThumbnailPlayer.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web-new/src/App.tsx b/web-new/src/App.tsx
index 096f2ebca..b15d7ce48 100644
--- a/web-new/src/App.tsx
+++ b/web-new/src/App.tsx
@@ -27,7 +27,7 @@ function App() {
       <BrowserRouter>
         <Wrapper>
           <Header onToggleNavbar={toggleNavbar} />
-          <div className="grid grid-cols-[auto,1fr] flex-grow-1 overflow-auto">
+          <div className="grid grid-cols-[auto,1fr] flex-grow-1 md:overflow-auto">
             <Sidebar sheetOpen={sheetOpen} setSheetOpen={setSheetOpen} />
             <div className="overflow-x-hidden px-4 py-2 w-screen md:w-full">
               <Routes>
diff --git a/web-new/src/components/player/PreviewThumbnailPlayer.tsx b/web-new/src/components/player/PreviewThumbnailPlayer.tsx
index 3239e4e1e..410400ca1 100644
--- a/web-new/src/components/player/PreviewThumbnailPlayer.tsx
+++ b/web-new/src/components/player/PreviewThumbnailPlayer.tsx
@@ -77,7 +77,7 @@ export default function PreviewThumbnailPlayer({
               setVisible(false);
             }
           },
-          { threshold: [0.0, 1.0], rootMargin: "25% 0% 50% 0%" }
+          { threshold: [0.0, 1.0], rootMargin: "10% 0% 25% 0%" }
         );
         if (node) observer.current.observe(node);
       } catch (e) {