diff --git a/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx b/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
index 965055bd4..6b582cf6f 100644
--- a/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
@@ -8,7 +8,10 @@ import { Image, ImageRow } from './ImageAsset';
 
 ## Blob
 
-    <a href="img/emoji/blob/LICENSE.md" target="_blank">
+<Story
+  name="Blob"
+>
+   <a href="img/emoji/blob/LICENSE.md" target="_blank">
     	LICENSE
     </a>
     <ImageRow images={[
@@ -35,11 +38,15 @@ import { Image, ImageRow } from './ImageAsset';
     		{src: "img/emoji/blob/blobyes.png", name: "blobyes.png"},
     		{src: "img/emoji/blob/blobyum.png", name: "blobyum.png"},
     ]}/>
+</Story>
 
 
 ## Conigliolo96
 
-    <a href="img/emoji/conigliolo96/LICENSE.md" target="_blank">
+<Story
+  name="Conigliolo96"
+>
+   <a href="img/emoji/conigliolo96/LICENSE.md" target="_blank">
     	LICENSE
     </a>
     <ImageRow images={[
@@ -50,11 +57,15 @@ import { Image, ImageRow } from './ImageAsset';
     		{src: "img/emoji/conigliolo96/conigliolo25.gif", name: "conigliolo25.gif"},
     		{src: "img/emoji/conigliolo96/conigliolo28.gif", name: "conigliolo28.gif"},
     ]}/>
+</Story>
 
 
 ## Dog
 
-    <a href="img/emoji/dog/LICENSE.md" target="_blank">
+<Story
+  name="Dog"
+>
+   <a href="img/emoji/dog/LICENSE.md" target="_blank">
     	LICENSE
     </a>
     <ImageRow images={[
@@ -68,11 +79,15 @@ import { Image, ImageRow } from './ImageAsset';
     		{src: "img/emoji/dog/img347.svg", name: "img347.svg"},
     		{src: "img/emoji/dog/img352.svg", name: "img352.svg"},
     ]}/>
+</Story>
 
 
 ## Mutant
 
-    <a href="img/emoji/mutant/LICENSE.md" target="_blank">
+<Story
+  name="Mutant"
+>
+   <a href="img/emoji/mutant/LICENSE.md" target="_blank">
     	LICENSE
     </a>
     <ImageRow images={[
@@ -128,5 +143,6 @@ import { Image, ImageRow } from './ImageAsset';
     		{src: "img/emoji/mutant/tennis.svg", name: "tennis.svg"},
     		{src: "img/emoji/mutant/volleyball.svg", name: "volleyball.svg"},
     ]}/>
+</Story>
 
 
diff --git a/web/.storybook/tools/Emoji.stories.mdx b/web/.storybook/tools/Emoji.stories.mdx
index 853ac2598..c95c7edce 100644
--- a/web/.storybook/tools/Emoji.stories.mdx
+++ b/web/.storybook/tools/Emoji.stories.mdx
@@ -9,7 +9,10 @@ import { Image, ImageRow } from './ImageAsset';
 
 ## {{capitalize this.name}}
 
-    <a href="img/emoji/{{this.name}}/LICENSE.md" target="_blank">
+<Story
+  name="{{capitalize this.name}}"
+>
+   <a href="img/emoji/{{this.name}}/LICENSE.md" target="_blank">
     	LICENSE
     </a>
     <ImageRow images={[
@@ -17,5 +20,6 @@ import { Image, ImageRow } from './ImageAsset';
     		{src: "{{this.src}}", name: "{{this.name}}"},
     	{{/each}}
     ]}/>
+</Story>
 
 {{/each}}