diff --git a/web/src/pages/Events.tsx b/web/src/pages/Events.tsx
index 53f74a5e3..f618f4aca 100644
--- a/web/src/pages/Events.tsx
+++ b/web/src/pages/Events.tsx
@@ -69,7 +69,20 @@ export default function Events() {
}, [last24Hours, reviewSearchParams]);
// we want to update the items whenever the severity changes
- useEffect(() => setBeforeTs(Date.now() / 1000), [severity]);
+ useEffect(() => {
+ if (recording) {
+ return;
+ }
+
+ const now = Date.now() / 1000;
+
+ if (now - beforeTs > 60) {
+ setBeforeTs(now);
+ }
+
+ // only refresh when severity changes
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [severity]);
const reviewSegmentFetcher = useCallback((key: Array
| string) => {
const [path, params] = Array.isArray(key) ? key : [key, undefined];
diff --git a/web/src/pages/SubmitPlus.tsx b/web/src/pages/SubmitPlus.tsx
index e4bfbff55..bf9f344f8 100644
--- a/web/src/pages/SubmitPlus.tsx
+++ b/web/src/pages/SubmitPlus.tsx
@@ -151,6 +151,7 @@ export default function SubmitPlus() {
return (
setUpload(event)}
>