From 023931022e7bdf90f3b2ae0c7a3a948aafffdb0d Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 27 Mar 2024 16:10:39 -0600
Subject: [PATCH] Fix events shadow

---
 web/src/views/events/RecordingView.tsx | 30 ++++++++++++++------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/web/src/views/events/RecordingView.tsx b/web/src/views/events/RecordingView.tsx
index f51e96273..511a3ee80 100644
--- a/web/src/views/events/RecordingView.tsx
+++ b/web/src/views/events/RecordingView.tsx
@@ -483,24 +483,26 @@ function Timeline({
 
   return (
     <div
-      className={`${isDesktop ? "w-60" : "w-full"} h-full relative p-4 flex flex-col gap-4 bg-secondary overflow-auto`}
+      className={`${isDesktop ? "w-60" : "w-full"} h-full relative p-4 flex flex-col gap-4 bg-secondary`}
     >
       <div className="absolute top-0 inset-x-0 z-20 w-full h-[30px] bg-gradient-to-b from-secondary to-transparent pointer-events-none"></div>
       <div className="absolute bottom-0 inset-x-0 z-20 w-full h-[30px] bg-gradient-to-t from-secondary to-transparent pointer-events-none"></div>
-      {mainCameraReviewItems.map((review) => {
-        if (review.severity == "significant_motion") {
-          return;
-        }
+      <div className="h-full overflow-auto">
+        {mainCameraReviewItems.map((review) => {
+          if (review.severity == "significant_motion") {
+            return;
+          }
 
-        return (
-          <ReviewCard
-            key={review.id}
-            event={review}
-            currentTime={currentTime}
-            onClick={() => setCurrentTime(review.start_time)}
-          />
-        );
-      })}
+          return (
+            <ReviewCard
+              key={review.id}
+              event={review}
+              currentTime={currentTime}
+              onClick={() => setCurrentTime(review.start_time)}
+            />
+          );
+        })}
+      </div>
     </div>
   );
 }