diff --git a/web/src/pages/Logs.tsx b/web/src/pages/Logs.tsx
index a4b67f441..196e6fdd7 100644
--- a/web/src/pages/Logs.tsx
+++ b/web/src/pages/Logs.tsx
@@ -31,6 +31,9 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 import { debounce } from "lodash";
+import { isIOS, isMobile } from "react-device-detect";
+import { isPWA } from "@/utils/isPWA";
+import { isInIframe } from "@/utils/isIFrame";
 
 function Logs() {
   const [logService, setLogService] = useState<LogType>("frigate");
@@ -54,7 +57,8 @@ function Logs() {
       );
       if (element instanceof HTMLElement) {
         scrollIntoView(element, {
-          behavior: "smooth",
+          behavior:
+            isMobile && isIOS && !isPWA && isInIframe ? "auto" : "smooth",
           inline: "start",
         });
       }
diff --git a/web/src/pages/Settings.tsx b/web/src/pages/Settings.tsx
index f1a45ebc2..bfc3f6f8e 100644
--- a/web/src/pages/Settings.tsx
+++ b/web/src/pages/Settings.tsx
@@ -20,7 +20,7 @@ import { Drawer, DrawerContent, DrawerTrigger } from "@/components/ui/drawer";
 import { Button } from "@/components/ui/button";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import useOptimisticState from "@/hooks/use-optimistic-state";
-import { isMobile, isMobileSafari } from "react-device-detect";
+import { isIOS, isMobile } from "react-device-detect";
 import { FaVideo } from "react-icons/fa";
 import { CameraConfig, FrigateConfig } from "@/types/frigateConfig";
 import useSWR from "swr";
@@ -152,7 +152,8 @@ export default function Settings() {
       );
       if (element instanceof HTMLElement) {
         scrollIntoView(element, {
-          behavior: isMobileSafari && !isPWA && isInIframe ? "auto" : "smooth",
+          behavior:
+            isMobile && isIOS && !isPWA && isInIframe ? "auto" : "smooth",
           inline: "start",
         });
       }