diff --git a/web/src/components/settings/SettingsCategory.svelte b/web/src/components/settings/SettingsCategory.svelte
index e71d5da9..6ea00f37 100644
--- a/web/src/components/settings/SettingsCategory.svelte
+++ b/web/src/components/settings/SettingsCategory.svelte
@@ -50,6 +50,14 @@
         pointer-events: none;
     }
 
+    /*
+        for some weird reason parent's transition
+        breaks final opacity of children on ios
+    */
+    :global([data-iphone="true"]) .settings-content {
+        transition: none;
+    }
+
     .settings-content.focus {
         animation: highlight 2s;
     }