diff --git a/src/docs/theming/css-variables.stories.mdx b/src/docs/theming/css-variables.stories.mdx
index 3b1103fb..28b7cc8d 100644
--- a/src/docs/theming/css-variables.stories.mdx
+++ b/src/docs/theming/css-variables.stories.mdx
@@ -27,7 +27,7 @@ You can use any of the CSS variables the `Theme` component sets in your own code
 <style lang="scss">
   p {
     color: var(--theme-colour-text-primary);
-    font-family: var(--theme-font-family-monospace);
+    font-family: var(--theme-typeface-monospace);
   }
 </style>
 ```