diff --git a/web/src/routes/Events.jsx b/web/src/routes/Events.jsx
index 13567bd67..f2955136d 100644
--- a/web/src/routes/Events.jsx
+++ b/web/src/routes/Events.jsx
@@ -121,10 +121,16 @@ export default function Events({ path: pathname, limit = API_LIMIT } = {}) {
     },
     [limit, pathname, setSearchString]
   );
+
   const viewEventHandler = (id) => {
+    //Toggle event view
     if (viewEvent === id) return setViewEvent(null);
-    if (id in scrollToRef) scrollToRef[id].scrollIntoView();
+
+    //Set event id to be rendered.
     setViewEvent(id);
+
+    //scroll the event into view
+    if (id in scrollToRef) scrollToRef[id].scrollIntoView();
   };
   const searchParams = useMemo(() => new URLSearchParams(searchString), [searchString]);