diff --git a/code/ui/components/src/typography/typography.stories.mdx b/code/ui/components/src/typography/typography.stories.mdx
index 7bd94ec1ca2..4756815eff0 100644
--- a/code/ui/components/src/typography/typography.stories.mdx
+++ b/code/ui/components/src/typography/typography.stories.mdx
@@ -12,6 +12,20 @@ export const sampleText =
 
 ## Sans-serif
 
+```
+font-family:
+  "Nunito Sans",
+  -apple-system,
+  ".SFNSText-Regular",
+  "San Francisco",
+  BlinkMacSystemFont,
+  "Segoe UI",
+  "Helvetica Neue",
+  Helvetica,
+  Arial,
+  sans-serif;
+```
+
 <Typeset
   fontFamily={typography.fonts.base}
   fontSizes={fontSizes}
@@ -33,7 +47,19 @@ export const sampleText =
 
 ## Monospace
 
-Currently not working
+```
+font-family:
+  ui-monospace,
+  Menlo,
+  Monaco,
+  "Roboto Mono",
+  "Oxygen Mono",
+  "Ubuntu Monospace",
+  "Source Code Pro",
+  "Droid Sans Mono",
+  "Courier New",
+  monospace;
+```
 
 <Typeset
   fontFamily={typography.fonts.mono}