From 748c860d8b60ef9c978a3b99f82e8f645279cfa3 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Thu, 9 May 2024 10:31:00 -0600
Subject: [PATCH] Fix scrolling

---
 web/src/views/events/RecordingView.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/views/events/RecordingView.tsx b/web/src/views/events/RecordingView.tsx
index a428453e1..c7fcc11aa 100644
--- a/web/src/views/events/RecordingView.tsx
+++ b/web/src/views/events/RecordingView.tsx
@@ -450,8 +450,9 @@ export function RecordingView({
             </div>
             {isDesktop && (
               <div
-                className={`flex gap-2 ${mainCameraAspect == "tall" ? "h-full w-[12%] flex-col justify-center overflow-y-auto" : "w-full h-[14%] justify-center items-center overflow-x-auto"} `}
+                className={`flex gap-2 ${mainCameraAspect == "tall" ? "h-full w-[12%] flex-col justify-center overflow-y-auto" : "w-full h-28 overflow-x-auto"} `}
               >
+                <div className="w-2" />
                 {allCameras.map((cam) => {
                   if (cam == mainCamera) {
                     return;
@@ -483,6 +484,7 @@ export function RecordingView({
                     </div>
                   );
                 })}
+                <div className="w-2" />
               </div>
             )}
           </div>