diff --git a/client/src/ui-context.tsx b/client/src/ui-context.tsx
index 48862dac18ec..fdc340f2e0b6 100644
--- a/client/src/ui-context.tsx
+++ b/client/src/ui-context.tsx
@@ -88,6 +88,12 @@ export function UIProvider(props: any) {
     if (dark.matches) {
       setColorScheme("dark");
     }
+
+    if (!("addEventListener" in dark)) {
+      // MediaQueryList doesn't inherit EventTarget in Safari < 14.
+      return;
+    }
+
     dark.addEventListener("change", setDark);
     const light = window.matchMedia("(prefers-color-scheme: light)");
     light.addEventListener("change", setLight);