diff --git a/ts/deckoptions/CardStateCustomizer.svelte b/ts/deckoptions/CardStateCustomizer.svelte
index c9dc2a0e3..612cbfaa1 100644
--- a/ts/deckoptions/CardStateCustomizer.svelte
+++ b/ts/deckoptions/CardStateCustomizer.svelte
@@ -23,7 +23,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     </Col>
 </Row>
 
-<textarea bind:value />
+<textarea class="form-control" bind:value spellcheck="false" autocapitalize="none" />
 
 <style>
     .text {
diff --git a/ts/deckoptions/deckoptions-base.scss b/ts/deckoptions/deckoptions-base.scss
index 47bbdd1fe..dc504880b 100644
--- a/ts/deckoptions/deckoptions-base.scss
+++ b/ts/deckoptions/deckoptions-base.scss
@@ -45,7 +45,7 @@ $tooltip-max-width: 300px;
     }
 }
 
-textarea {
+textarea.form-control {
     color: var(--text-fg);
-    background-color: var(--frame-bg);
+    background-color: var(--frame-bg) !important;
 }