diff --git a/components/jambonz-ui.js b/components/jambonz-ui.js
index 96d8b07..05cf1f4 100644
--- a/components/jambonz-ui.js
+++ b/components/jambonz-ui.js
@@ -31,12 +31,12 @@ export function useMobileMedia() {
   useEffect(() => {
     const mql = window.matchMedia(mobileMedia);
 
-    mql.addListener(handleMedia);
+    mql.addEventListener('change', handleMedia);
 
     setMobile(mql.matches);
 
     return function cleanup() {
-      mql.removeListener(handleMedia);
+      mql.removeEventListener('change', handleMedia);
     };
   }, [handleMedia, setMobile]);