diff --git a/frigate/api/media.py b/frigate/api/media.py
index 9770de157..519467643 100644
--- a/frigate/api/media.py
+++ b/frigate/api/media.py
@@ -1351,6 +1351,6 @@ def preview_thumbnail(file_name: str):
         )
 
     response = make_response(jpg_bytes)
-    response.headers["Content-Type"] = "image/jpeg"
+    response.headers["Content-Type"] = "image/webp"
     response.headers["Cache-Control"] = "private, max-age=31536000"
     return response
diff --git a/web/src/components/card/AnimatedEventCard.tsx b/web/src/components/card/AnimatedEventCard.tsx
index 4e27ad54f..dddbcdb77 100644
--- a/web/src/components/card/AnimatedEventCard.tsx
+++ b/web/src/components/card/AnimatedEventCard.tsx
@@ -12,6 +12,7 @@ import {
   InProgressPreview,
   VideoPreview,
 } from "../player/PreviewThumbnailPlayer";
+import { isCurrentHour } from "@/utils/dateUtil";
 
 type AnimatedEventCardProps = {
   event: ReviewSegment;
@@ -19,10 +20,14 @@ type AnimatedEventCardProps = {
 export function AnimatedEventCard({ event }: AnimatedEventCardProps) {
   const { data: config } = useSWR<FrigateConfig>("config");
 
+  const currentHour = useMemo(() => isCurrentHour(event.start_time), [event]);
+
   // preview
 
   const { data: previews } = useSWR<Preview[]>(
-    `/preview/${event.camera}/start/${Math.round(event.start_time)}/end/${Math.round(event.end_time || event.start_time + 20)}`,
+    currentHour
+      ? null
+      : `/preview/${event.camera}/start/${Math.round(event.start_time)}/end/${Math.round(event.end_time || event.start_time + 20)}`,
   );
 
   // interaction