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: