diff --git a/frontend/src/hooks/useIsMobile.ts b/frontend/src/hooks/useIsMobile.ts
index 520c94c6e4..29608c92ff 100644
--- a/frontend/src/hooks/useIsMobile.ts
+++ b/frontend/src/hooks/useIsMobile.ts
@@ -5,7 +5,7 @@ export const useIsMobile = () => {
   const [isMobile, setIsMobile] = useState(false)
 
   useEffect(() => {
-    // check whether the browser supports matchMedia API
+    // Check whether the browser supports matchMedia API.
     if (typeof globalThis.matchMedia !== 'function') return
 
     const mediaQuery = globalThis.matchMedia(`(max-width: ${desktopViewMinWidth - 1}px)`)
@@ -16,13 +16,9 @@ export const useIsMobile = () => {
 
     handleChange(mediaQuery)
 
-    if (mediaQuery.addEventListener) {
-      mediaQuery.addEventListener('change', handleChange)
-      return () => mediaQuery.removeEventListener('change', handleChange)
-    } else {
-      // Safari browser < 14 fallback
-      mediaQuery.addListener(handleChange)
-      return () => mediaQuery.removeListener(handleChange)
+    mediaQuery.addEventListener('change', handleChange)
+    return () => {
+      mediaQuery.removeEventListener('change', handleChange)
     }
   }, [])