diff --git a/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.vue b/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.vue
index d7e98b3c..5b173ce6 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.vue
+++ b/src/components/settings_modal/tabs/security_tab/mfa_backup_codes.vue
@@ -29,7 +29,7 @@
     color: var(--cOrange, $fallback--cOrange);
   }
   .backup-codes {
-    font-family: var(--postCodeFont, monospace);
+    font-family: var(--postCodeFont, $system-mono);
   }
 }
 </style>