diff --git a/src/components/Controls.tsx b/src/components/Controls.tsx
index 9257970..e49016d 100644
--- a/src/components/Controls.tsx
+++ b/src/components/Controls.tsx
@@ -29,7 +29,8 @@ export default () => {
     }
   }
 
-  const gooey = true;
+  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+  const gooey = !isSafari;
 
   createEffect((prev) => {
     if (prev !== state.visibleChapter()) {