diff --git a/web/src/components/events/UpcomingEvents.tsx b/web/src/components/events/UpcomingEvents.tsx
index b2d6bd6..ee17c6d 100644
--- a/web/src/components/events/UpcomingEvents.tsx
+++ b/web/src/components/events/UpcomingEvents.tsx
@@ -1,11 +1,16 @@
 import { EventFragment } from "@/gql/graphql";
-import { EventItem } from "./EventItem";
-import { sortSingularEvents, getSingularEvents } from "@/lib/event";
-import styles from "./upcomingEvents.module.scss";
+import { isTodayOrFuture } from "@/lib/date";
+import { getSingularEvents, sortSingularEvents } from "@/lib/event";
 import Link from "next/link";
+import { EventItem } from "./EventItem";
+import styles from "./upcomingEvents.module.scss";
 
 export const UpcomingEvents = ({ events }: { events: EventFragment[] }) => {
-  const upcomingSingularEvents = sortSingularEvents(getSingularEvents(events));
+  const upcomingSingularEvents = sortSingularEvents(
+    getSingularEvents(events).filter((event) =>
+      isTodayOrFuture(event.occurrence.start)
+    )
+  );
 
   return (
     <section className={styles.upcomingWrapper}>