diff --git a/app/assets/stylesheets/cards.css b/app/assets/stylesheets/cards.css
index 76f08fdc5d..7537f45865 100644
--- a/app/assets/stylesheets/cards.css
+++ b/app/assets/stylesheets/cards.css
@@ -226,8 +226,8 @@
     }
 
     code {
-      background-color: var(--color-canvas);
-      border: 1px solid var(--color-ink-lighter);
+      background-color: var(--color-ink-lighter);
+      border: 1px solid var(--color-ink-light);
       border-radius: 0.25ch;
       font-family: var(--font-mono);
       font-size: smaller;
diff --git a/app/assets/stylesheets/lexxy.css b/app/assets/stylesheets/lexxy.css
index 053f626a9f..ecfd96fd77 100644
--- a/app/assets/stylesheets/lexxy.css
+++ b/app/assets/stylesheets/lexxy.css
@@ -156,8 +156,8 @@
     }
 
     code {
-      background: var(--color-canvas);
-      border: 1px solid var(--color-ink-lighter);
+      background: var(--color-ink-lighter);
+      border: 1px solid var(--color-ink-light);
     }
 
     .horizontal-divider {