From 1d2650ee6cc07506f90806cd45b3a60d9e30beed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aliz=C3=A9=20Debray?=
 <33580481+alizedebray@users.noreply.github.com>
Date: Fri, 9 Aug 2024 15:36:08 +0200
Subject: [PATCH] fix(docs): update font in the full-page preview (#3378)

---
 .changeset/orange-pens-deliver.md                            | 5 +++++
 .../documentation/.storybook/styles/components/typo.scss     | 5 +++++
 2 files changed, 10 insertions(+)
 create mode 100644 .changeset/orange-pens-deliver.md

diff --git a/.changeset/orange-pens-deliver.md b/.changeset/orange-pens-deliver.md
new file mode 100644
index 0000000000..6346bae32e
--- /dev/null
+++ b/.changeset/orange-pens-deliver.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Fixed the font in the full page previews.
diff --git a/packages/documentation/.storybook/styles/components/typo.scss b/packages/documentation/.storybook/styles/components/typo.scss
index 75c30547d7..6b65a38bb8 100644
--- a/packages/documentation/.storybook/styles/components/typo.scss
+++ b/packages/documentation/.storybook/styles/components/typo.scss
@@ -35,4 +35,9 @@ body {
       font-family: var(--bs-font-monospace) !important;
     }
   }
+
+  // full-screen preview
+  #storybook-root {
+    font-family: var(--bs-body-font-family);
+  }
 }