diff --git a/web/src/components/image/AnimatedEventThumbnail.tsx b/web/src/components/image/AnimatedEventThumbnail.tsx
index 55acc13d2..7fa01a978 100644
--- a/web/src/components/image/AnimatedEventThumbnail.tsx
+++ b/web/src/components/image/AnimatedEventThumbnail.tsx
@@ -15,7 +15,7 @@ export function AnimatedEventThumbnail({ event }: AnimatedEventThumbnailProps) {
   const { data: config } = useSWR<FrigateConfig>("config");
 
   const imageUrl = useMemo(() => {
-    if (!event.end_time) {
+    if (Date.now() / 1000 < event.start_time + 20) {
       return `${apiHost}api/preview/${event.camera}/${event.start_time}/thumbnail.jpg`;
     }