diff --git a/packages/ui/src/components/badge/badge.module.css b/packages/ui/src/components/badge/badge.module.css
index 5963c731..4bab1a53 100644
--- a/packages/ui/src/components/badge/badge.module.css
+++ b/packages/ui/src/components/badge/badge.module.css
@@ -84,7 +84,7 @@
 }
 
 .badge--monospace {
-  @apply font-mono;
+  font-family: var(--font-mono);
 }
 
 .badge--square {
diff --git a/packages/ui/src/components/code-block/code-block.module.css b/packages/ui/src/components/code-block/code-block.module.css
index fafc91b8..68ee43f8 100644
--- a/packages/ui/src/components/code-block/code-block.module.css
+++ b/packages/ui/src/components/code-block/code-block.module.css
@@ -31,11 +31,12 @@
 
 .content {
   @apply bg-card-background border-t-border border-t;
-  @apply font-mono text-xs;
+  @apply text-xs;
   @apply flex-1;
   @apply flex flex-col;
   @apply overflow-scroll;
   @apply min-w-0;
+  font-family: var(--font-mono);
 }
 
 .neutral {
@@ -65,7 +66,8 @@
 
 .code-label-text {
   @apply text-text-secondary;
-  @apply font-mono text-xs;
+  @apply text-xs;
+  font-family: var(--font-mono);
 }
 
 .pre {
diff --git a/packages/ui/src/components/display-field/display-field.module.css b/packages/ui/src/components/display-field/display-field.module.css
index 2546655a..8d76d6d2 100644
--- a/packages/ui/src/components/display-field/display-field.module.css
+++ b/packages/ui/src/components/display-field/display-field.module.css
@@ -35,8 +35,8 @@
 
 .content {
   @apply block w-full overflow-y-clip;
-  @apply font-mono;
   @apply px-3 py-2;
+  font-family: var(--font-mono);
 }
 
 .actions {
diff --git a/packages/ui/src/theme/theme-base.css b/packages/ui/src/theme/theme-base.css
index 1b019052..39073544 100644
--- a/packages/ui/src/theme/theme-base.css
+++ b/packages/ui/src/theme/theme-base.css
@@ -8,6 +8,7 @@
 @theme inline {
   /* FONT FAMILY */
   --font-sans: 'TWK Lausanne', 'Inter', sans-serif;
+  --font-mono: 'IBM Plex Mono', monospace;
 
   /* FONT SIZE */
   --text-xxs: 0.625rem;
diff --git a/packages/ui/src/theme/theme-preflight-global.css b/packages/ui/src/theme/theme-preflight-global.css
index c2eebb64..165726e7 100644
--- a/packages/ui/src/theme/theme-preflight-global.css
+++ b/packages/ui/src/theme/theme-preflight-global.css
@@ -77,9 +77,7 @@
   html kbd,
   html samp,
   html pre {
-    font-family:
-      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
-      monospace;
+    font-family: var(--font-mono), monospace;
     font-size: 1em;
   }
 
diff --git a/packages/ui/src/theme/theme-preflight-scoped.css b/packages/ui/src/theme/theme-preflight-scoped.css
index 912f0407..4a2c8af6 100644
--- a/packages/ui/src/theme/theme-preflight-scoped.css
+++ b/packages/ui/src/theme/theme-preflight-scoped.css
@@ -77,9 +77,7 @@
   :global(#equality-theme-provider-root) kbd,
   :global(#equality-theme-provider-root) samp,
   :global(#equality-theme-provider-root) pre {
-    font-family:
-      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
-      monospace;
+    font-family: var(--font-mono), monospace;
     font-size: 1em;
   }