diff --git a/src/code-editor/ace-editor.scss b/src/code-editor/ace-editor.scss
index ad3faf4340..392a396141 100644
--- a/src/code-editor/ace-editor.scss
+++ b/src/code-editor/ace-editor.scss
@@ -20,7 +20,7 @@
 }
 
 .code-editor :global .ace_editor {
-  font-family: Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace;
+  font-family: awsui.$font-family-monospace;
   font-size: 14px;
   line-height: 20px;
 
diff --git a/style-dictionary/one-theme/typography.ts b/style-dictionary/one-theme/typography.ts
index 7ea327a7d9..3a07054e04 100644
--- a/style-dictionary/one-theme/typography.ts
+++ b/style-dictionary/one-theme/typography.ts
@@ -7,6 +7,8 @@ import { tokens as parentTokens } from '../visual-refresh/typography.js';
 
 const tokens: StyleDictionary.TypographyDictionary = {
   fontFamilyBase: "'Ember Modern Text UI', 'Amazon Ember', Roboto, Arial, sans-serif",
+  fontFamilyMonospace:
+    "'Ember Modern Mono', Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace",
 
   // ── Headings ──────────────────────────────────────────────────────────────
   fontSizeHeadingXl: '24px',