diff --git a/code/package.json b/code/package.json
index 2476c26378ea..0fbb69b73d34 100644
--- a/code/package.json
+++ b/code/package.json
@@ -75,8 +75,8 @@
     "publish:debug": "npm run publish:latest -- --npm-tag=debug --no-push",
     "publish:latest": "lerna publish --exact --concurrency 1 --force-publish",
     "publish:next": "npm run publish:latest -- --npm-tag=next",
-    "storybook:ui": "./lib/cli/bin/index.js dev --port 6006 --config-dir ./ui/.storybook --no-manager-cache",
-    "storybook:ui:build": "./lib/cli/bin/index.js build --config-dir ./ui/.storybook",
+    "storybook:ui": "NODE_OPTIONS=\"--preserve-symlinks --preserve-symlinks-main\" ./lib/cli/bin/index.js dev --port 6006 --config-dir ./ui/.storybook --no-manager-cache",
+    "storybook:ui:build": "NODE_OPTIONS=\"--preserve-symlinks --preserve-symlinks-main\" ./lib/cli/bin/index.js build --config-dir ./ui/.storybook",
     "storybook:ui:chromatic": "yarn chromatic --build-script-name storybook:ui:build --storybook-config-dir ./ui/.storybook --storybook-base-dir ./code/ui --project-token=$CHROMATIC_TOKEN_STORYBOOK_UI --only-changed --exit-zero-on-changes --exit-once-uploaded",
     "task": "cd .. && yarn task",
     "test": "NODE_OPTIONS=--max_old_space_size=4096 jest --config ./jest.config.js",
diff --git a/code/ui/.storybook/preview.jsx b/code/ui/.storybook/preview.jsx
index b05579b7b134..1b3ce4cdc6d0 100644
--- a/code/ui/.storybook/preview.jsx
+++ b/code/ui/.storybook/preview.jsx
@@ -9,8 +9,8 @@ import {
   convert,
   styled,
   useTheme,
-} from '../../lib/theming';
-import { Symbols } from '../components';
+} from '@storybook/theming';
+import { Symbols } from '@storybook/components';
 
 const { document } = global;
 
diff --git a/code/ui/components/src/typography/typography.stories.mdx b/code/ui/components/src/typography/typography.stories.mdx
index 7bd94ec1ca29..4756815eff03 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}