From e042cb05a9693df99269c1eb1a7ce2eddab240b7 Mon Sep 17 00:00:00 2001
From: qa46hx <Gerjan.van.Geest@ing.com>
Date: Wed, 29 Apr 2020 15:03:35 +0200
Subject: [PATCH] chore(form-system): buttons within fields story

---
 .../stories/50-Content-inside-fields.stories.mdx          | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/form-system/stories/50-Content-inside-fields.stories.mdx b/packages/form-system/stories/50-Content-inside-fields.stories.mdx
index 136aa08b8..c5cc2b02e 100644
--- a/packages/form-system/stories/50-Content-inside-fields.stories.mdx
+++ b/packages/form-system/stories/50-Content-inside-fields.stories.mdx
@@ -2,16 +2,18 @@ import { Story, Meta, html } from '@open-wc/demoing-storybook';
 import '@lion/input/lion-input.js';
 import '@lion/button/lion-button.js';
 
+<Meta title="Forms/System/Field integrations" />
+
 # Content inside fields
 
 Due to our custom inputs being Web Components, it is possible to put HTML content inside an input.
 For example if you want to add a button as a prefix or suffix.
 
-<Story name="Buttons Within lion fields">
+<Story name="Buttons within fields">
   {html`
     <lion-input label="Prefix and sufix">
       <lion-button slot="prefix" type="button">prefix</lion-button>
-      <lion-button slot="suffix" type="button">sufix</lion-button>
+      <lion-button slot="suffix" type="button">suffix</lion-button>
     </lion-input>
   `}
 </Story>
@@ -19,6 +21,6 @@ For example if you want to add a button as a prefix or suffix.
 ```html
 <lion-input label="Prefix and sufix">
   <lion-button slot="prefix" type="button">prefix</lion-button>
-  <lion-button slot="suffix" type="button">sufix</lion-button>
+  <lion-button slot="suffix" type="button">suffix</lion-button>
 </lion-input>
 ```