From 1529a5b5e773bb07188e76409545251be4b03fbe Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Mon, 23 Jan 2023 15:38:33 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D(doc)=20fixing=20things=20in=20doc?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

During the keynote we saw some things to fix in the documentation.
---
 packages/react/src/docs/spacings.stories.mdx | 2 +-
 packages/react/src/docs/typo.stories.mdx     | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/docs/spacings.stories.mdx b/packages/react/src/docs/spacings.stories.mdx
index a915ebc..c24c8c8 100644
--- a/packages/react/src/docs/spacings.stories.mdx
+++ b/packages/react/src/docs/spacings.stories.mdx
@@ -9,7 +9,7 @@ Cunningham comes with an existing toolkit to deal with spacings. 📏
 
 Here are the existing spacings:
 
-<Canvas isColumn={true}>
+<Canvas isColumn={true} withSource="none">
   <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
     {Object.keys(tokens.theme.spacings).map(key => (
       <div key={key} style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
diff --git a/packages/react/src/docs/typo.stories.mdx b/packages/react/src/docs/typo.stories.mdx
index 2c45ce6..169a084 100644
--- a/packages/react/src/docs/typo.stories.mdx
+++ b/packages/react/src/docs/typo.stories.mdx
@@ -106,11 +106,11 @@ class on every dom element.
   `}
 />
 
-    <Canvas isColumn={true} withSource="none">
+<Canvas isColumn={true} withSource="none">
   {Object.keys(tokens.theme.font.families).map(key => (
-    <div key={key} className={"f-" + key}>Using the <code>f-{key}</code> class</div>
-    ))}
-    </Canvas>
+  <div key={key} className={"f-" + key}>Using the <code>f-{key}</code> class</div>
+  ))}
+</Canvas>
 
 You can customize the values of the font family design tokens with the configuration file this way: