diff --git a/src/components/ReferralBlock/ReferralBlock.mdx b/src/components/ReferralBlock/ReferralBlock.mdx
index b831a389..0cffe82a 100644
--- a/src/components/ReferralBlock/ReferralBlock.mdx
+++ b/src/components/ReferralBlock/ReferralBlock.mdx
@@ -39,3 +39,6 @@ TK - Check if this is still relevant.
 
 <ReferralBlock collection="x-trump" number={6} class="fmy-8" />
 ```
+
+<Canvas of={ReferralBlockStories.ByCollection} />
+```
diff --git a/src/components/ReferralBlock/ReferralBlock.stories.svelte b/src/components/ReferralBlock/ReferralBlock.stories.svelte
index 3e8f7fc9..966575fd 100644
--- a/src/components/ReferralBlock/ReferralBlock.stories.svelte
+++ b/src/components/ReferralBlock/ReferralBlock.stories.svelte
@@ -39,7 +39,7 @@
   }}
 />
 
-<!-- <Story
+<Story
   name="By collection"
   exportName="ByCollection"
   args={{
@@ -48,4 +48,4 @@
     class: 'fmy-8',
     heading: 'The latest Trump coverage',
   }}
-/> -->
+/>