diff --git a/src/components/Byline/Byline.mdx b/src/components/Byline/Byline.mdx
index a5c8a071..31352eb9 100644
--- a/src/components/Byline/Byline.mdx
+++ b/src/components/Byline/Byline.mdx
@@ -6,7 +6,7 @@ import * as BylineStories from './Byline.stories.svelte';
 
 # Byline
 
-Easily add a byline and dateline to your story.
+The `Byline` component adds a byline, published and updated datelines to your page.
 
 ```svelte
 <script>
@@ -25,9 +25,11 @@ Easily add a byline and dateline to your story.
 />
 ```
 
-## Cutom byline, published and updated datelines
+<Canvas of={BylineStories.Demo} />
 
-You can customise the byline, published and updated datelines using [snippets](https://svelte.dev/docs/svelte/snippet), which are the Svelte 5 version of slots. You can pass any string or html as snippets.
+## Cutomisation
+
+Use [snippets](https://svelte.dev/docs/svelte/snippet) to customise the byline, published and updated datelines.
 
 ```svelte
 <Byline publishTime="2021-09-12T00:00:00Z" updateTime="2021-09-12T13:57:00Z">
diff --git a/src/components/Byline/Byline.stories.svelte b/src/components/Byline/Byline.stories.svelte
index 21d67514..c0cf796a 100644
--- a/src/components/Byline/Byline.stories.svelte
+++ b/src/components/Byline/Byline.stories.svelte
@@ -30,7 +30,7 @@
   }}
 />
 
-<Story name="Customised">
+<Story name="Customised" tags={['!autodocs', '!dev']}>
   <Byline publishTime="2021-09-12T00:00:00Z" updateTime="2021-09-12T13:57:00Z">
     {#snippet byline()}
       <strong>BY REUTERS GRAPHICS</strong>
diff --git a/src/components/Byline/Byline.svelte b/src/components/Byline/Byline.svelte
index 8be3cb54..62b1ff5d 100644
--- a/src/components/Byline/Byline.svelte
+++ b/src/components/Byline/Byline.svelte
@@ -56,8 +56,8 @@
 
   let {
     authors = [],
-    publishTime = '',
-    updateTime = '',
+    publishTime,
+    updateTime,
     align = 'left',
     id = '',
     cls = '',