diff --git a/web-new/src/components/card/ReviewCard.tsx b/web-new/src/components/card/ReviewCard.tsx
index 4d50db8fa..5322df511 100644
--- a/web-new/src/components/card/ReviewCard.tsx
+++ b/web-new/src/components/card/ReviewCard.tsx
@@ -39,12 +39,12 @@ export default function ReviewCard({ allPreviews, timeline }: ReviewCardProps) {
                     <HiOutlineVideoCamera className="h-5 w-5 mr-2 inline" />
                     {timeline.camera.replaceAll('_', ' ')}
                 </div>
-                <Heading as="h4" className="my-2">
+                <div className="my-2 text-sm font-medium">
                     Activity:
-                </Heading>
+                </div>
                 {Object.entries(timeline.entries).map(([_, entry]) => {
                     return (
-                    <div key={entry.timestamp} className="flex text-xs my-1">
+                    <div key={entry.timestamp} className="flex text-xs capitalize my-1 items-center">
                         {getTimelineIcon(entry)}
                         {getTimelineItemDescription(entry)}
                     </div>
diff --git a/web-new/src/pages/Review.tsx b/web-new/src/pages/Review.tsx
index 785ae6700..0f33b0b40 100644
--- a/web-new/src/pages/Review.tsx
+++ b/web-new/src/pages/Review.tsx
@@ -11,7 +11,7 @@ export function Review() {
     const { data: config } = useSWR<FrigateConfig>("config");
     const timezone = useMemo(() => config?.ui?.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone, [config]);
     const { data: hourlyTimeline } = useSWR<HourlyTimeline>(['timeline/hourly', { timezone }]);
-    const { data: allPreviews } = useSWR<Preview[]>(`preview/all/start/${hourlyTimeline?.start}/end/${hourlyTimeline?.end}`, { revalidateOnFocus: false });
+    const { data: allPreviews } = useSWR<Preview[]>(`preview/all/start/${hourlyTimeline?.start || 0}/end/${hourlyTimeline?.end || 0}`, { revalidateOnFocus: false });
 
     const [detailLevel, setDetailLevel] = useState<'normal' | 'extra' | 'full'>('normal');