diff --git a/ts/deckoptions/CardStateCustomizer.svelte b/ts/deckoptions/CardStateCustomizer.svelte
index 612cbfaa1..c5a1f01af 100644
--- a/ts/deckoptions/CardStateCustomizer.svelte
+++ b/ts/deckoptions/CardStateCustomizer.svelte
@@ -25,7 +25,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 <textarea class="form-control" bind:value spellcheck="false" autocapitalize="none" />
 
-<style>
+<style lang="scss">
     .text {
         min-height: 2em;
     }
@@ -34,4 +34,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         height: 10em;
         font-family: monospace;
     }
+
+    @supports (-webkit-touch-callout: none) {
+        // mobile compat
+        textarea {
+            font-size: 16px;
+            overflow-x: hidden;
+        }
+    }
 </style>