diff --git a/app/assets/stylesheets/ios.css b/app/assets/stylesheets/ios.css
index 49d66e602..2242e7c77 100644
--- a/app/assets/stylesheets/ios.css
+++ b/app/assets/stylesheets/ios.css
@@ -1,11 +1,13 @@
 @layer platform {
-  :root[data-text-size=xsmall]:has([data-platform~=ios]) { font-size: 14px; }
-  :root[data-text-size=small]:has([data-platform~=ios]) { font-size: 15px; }
-  :root[data-text-size=medium]:has([data-platform~=ios]) { font-size: 16px; }
-  :root[data-text-size=large]:has([data-platform~=ios]) { font-size: 17px; }
-  :root[data-text-size=xlarge]:has([data-platform~=ios]) { font-size: 19px; }
-  :root[data-text-size=xxlarge]:has([data-platform~=ios]) { font-size: 21px; }
-  :root[data-text-size=xxxlarge]:has([data-platform~=ios]) { font-size: 23px; }
+  :root:has([data-platform~=ios]) {
+    &[data-text-size=xsmall] { font-size: 14px; }
+    &[data-text-size=small] { font-size: 15px; }
+    &[data-text-size=medium] { font-size: 16px; }
+    &[data-text-size=large] { font-size: 17px; }
+    &[data-text-size=xlarge] { font-size: 19px; }
+    &[data-text-size=xxlarge] { font-size: 21px; }
+    &[data-text-size=xxxlarge] { font-size: 23px; }
+  }
 
   [data-platform~=ios] {
     .hide-on-ios {