diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
index 6c6f6a51..6422ae6a 100644
--- a/docs/astro.config.mjs
+++ b/docs/astro.config.mjs
@@ -39,6 +39,7 @@ export default defineConfig({
               autogenerate: { directory: 'Theme' },
               collapsed: false,
             },
+            { label: 'Typography', link: 'typography' },
             {
               label: 'Components',
               autogenerate: { directory: 'Components' },
diff --git a/docs/src/content/docs/typography.mdx b/docs/src/content/docs/typography.mdx
index b3aff656..d68f554e 100644
--- a/docs/src/content/docs/typography.mdx
+++ b/docs/src/content/docs/typography.mdx
@@ -4,7 +4,7 @@ sidebar:
   order: 3
 ---
 
-import Preview from '../../../components/Preview.astro';
+import Preview from '../../components/Preview.astro';
 
 Styles for headings, paragraphs, lists...etc