diff --git a/docs/app/Examples/collections/Form/Content/FormFieldExample.js b/docs/app/Examples/collections/Form/Content/FormExampleField.js
similarity index 72%
rename from docs/app/Examples/collections/Form/Content/FormFieldExample.js
rename to docs/app/Examples/collections/Form/Content/FormExampleField.js
index 2dad58a2b0..77b1697b71 100644
--- a/docs/app/Examples/collections/Form/Content/FormFieldExample.js
+++ b/docs/app/Examples/collections/Form/Content/FormExampleField.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Form } from 'semantic-ui-react'
 
-const FormFieldExample = () => (
+const FormExampleField = () => (
   <Form>
     <Form.Field>
       <label>User Input</label>
@@ -10,4 +10,4 @@ const FormFieldExample = () => (
   </Form>
 )
 
-export default FormFieldExample
+export default FormExampleField
diff --git a/docs/app/Examples/collections/Form/Content/index.js b/docs/app/Examples/collections/Form/Content/index.js
index 0313ae066f..93d3d529c8 100644
--- a/docs/app/Examples/collections/Form/Content/index.js
+++ b/docs/app/Examples/collections/Form/Content/index.js
@@ -7,7 +7,7 @@ const FormTypesExamples = () => (
     <ComponentExample
       title='Field'
       description='A field is a form element containing a label and an input.'
-      examplePath='collections/Form/Content/FormFieldExample'
+      examplePath='collections/Form/Content/FormExampleField'
     />
   </ExampleSection>
 )
diff --git a/docs/app/Examples/collections/Form/FieldVariations/FormFieldInlineExample.js b/docs/app/Examples/collections/Form/FieldVariations/FormExampleInlineField.js
similarity index 73%
rename from docs/app/Examples/collections/Form/FieldVariations/FormFieldInlineExample.js
rename to docs/app/Examples/collections/Form/FieldVariations/FormExampleInlineField.js
index 9ca6a852f4..06ca6fc476 100644
--- a/docs/app/Examples/collections/Form/FieldVariations/FormFieldInlineExample.js
+++ b/docs/app/Examples/collections/Form/FieldVariations/FormExampleInlineField.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Form, Input } from 'semantic-ui-react'
 
-const FormFieldInlineExample = () => (
+const FormExampleInlineField = () => (
   <Form>
     <Form.Field inline>
       <label>First name</label>
@@ -10,4 +10,4 @@ const FormFieldInlineExample = () => (
   </Form>
 )
 
-export default FormFieldInlineExample
+export default FormExampleInlineField
diff --git a/docs/app/Examples/collections/Form/FieldVariations/index.js b/docs/app/Examples/collections/Form/FieldVariations/index.js
index ea694593d0..33108356d7 100644
--- a/docs/app/Examples/collections/Form/FieldVariations/index.js
+++ b/docs/app/Examples/collections/Form/FieldVariations/index.js
@@ -7,7 +7,7 @@ const FormFieldVariationsExamples = () => (
     <ComponentExample
       title='Inline'
       description='A field can have its label next to instead of above it.'
-      examplePath='collections/Form/FieldVariations/FormFieldInlineExample'
+      examplePath='collections/Form/FieldVariations/FormExampleInlineField'
     />
   </ExampleSection>
 )
diff --git a/docs/app/Examples/collections/Form/GroupVariations/FormGroupEvenlyDividedExample.js b/docs/app/Examples/collections/Form/GroupVariations/FormExampleEvenlyDividedGroup.js
similarity index 64%
rename from docs/app/Examples/collections/Form/GroupVariations/FormGroupEvenlyDividedExample.js
rename to docs/app/Examples/collections/Form/GroupVariations/FormExampleEvenlyDividedGroup.js
index 88d470d9ca..5dbb9a5d0d 100644
--- a/docs/app/Examples/collections/Form/GroupVariations/FormGroupEvenlyDividedExample.js
+++ b/docs/app/Examples/collections/Form/GroupVariations/FormExampleEvenlyDividedGroup.js
@@ -1,13 +1,17 @@
 import React from 'react'
 import { Form, Input } from 'semantic-ui-react'
 
-const FormGroupEvenlyDividedExample = () => (
+const FormExampleEvenlyDividedGroup = () => (
   <Form>
     <Form.Group widths='equal'>
       <Form.Field>
         <label>First name</label>
         <Input placeholder='First name' />
       </Form.Field>
+      <Form.Field>
+        <label>Middle name</label>
+        <Input placeholder='Middle name' />
+      </Form.Field>
       <Form.Field>
         <label>Last name</label>
         <Input placeholder='Last name' />
@@ -16,4 +20,4 @@ const FormGroupEvenlyDividedExample = () => (
   </Form>
 )
 
-export default FormGroupEvenlyDividedExample
+export default FormExampleEvenlyDividedGroup
diff --git a/docs/app/Examples/collections/Form/GroupVariations/index.js b/docs/app/Examples/collections/Form/GroupVariations/index.js
index 8fe51035cb..58ea86c962 100644
--- a/docs/app/Examples/collections/Form/GroupVariations/index.js
+++ b/docs/app/Examples/collections/Form/GroupVariations/index.js
@@ -6,8 +6,13 @@ const FormGroupVariationsExamples = () => (
   <ExampleSection title='Group Variations'>
     <ComponentExample
       title='Evenly Divided'
-      description='Groups can have their Field widths divided evenly.'
-      examplePath='collections/Form/GroupVariations/FormGroupEvenlyDividedExample'
+      description='Fields can have their widths divided evenly.'
+      examplePath='collections/Form/GroupVariations/FormExampleEvenlyDividedGroup'
+    />
+    <ComponentExample
+      title='Inline'
+      description='Multiple fields may be inline in a row.'
+      examplePath='collections/Form/GroupVariations/FormExampleInlineGroupedFields'
     />
   </ExampleSection>
 )
diff --git a/docs/app/Examples/collections/Form/Shorthand/FormFieldControlExample.js b/docs/app/Examples/collections/Form/Shorthand/FormExampleFieldControl.js
similarity index 94%
rename from docs/app/Examples/collections/Form/Shorthand/FormFieldControlExample.js
rename to docs/app/Examples/collections/Form/Shorthand/FormExampleFieldControl.js
index 29f0cdcabb..2460492fb6 100644
--- a/docs/app/Examples/collections/Form/Shorthand/FormFieldControlExample.js
+++ b/docs/app/Examples/collections/Form/Shorthand/FormExampleFieldControl.js
@@ -6,7 +6,7 @@ const options = [
   { text: 'Female', value: 'female' },
 ]
 
-class FormFieldControlExample extends Component {
+class FormExampleFieldControl extends Component {
   state = {}
 
   handleChange = (e, { value }) => this.setState({ value })
@@ -34,4 +34,4 @@ class FormFieldControlExample extends Component {
   }
 }
 
-export default FormFieldControlExample
+export default FormExampleFieldControl
diff --git a/docs/app/Examples/collections/Form/Shorthand/FormFieldControlHTMLExample.js b/docs/app/Examples/collections/Form/Shorthand/FormExampleFieldControlHTML.js
similarity index 92%
rename from docs/app/Examples/collections/Form/Shorthand/FormFieldControlHTMLExample.js
rename to docs/app/Examples/collections/Form/Shorthand/FormExampleFieldControlHTML.js
index 06fe4c4a24..96b5a7609f 100644
--- a/docs/app/Examples/collections/Form/Shorthand/FormFieldControlHTMLExample.js
+++ b/docs/app/Examples/collections/Form/Shorthand/FormExampleFieldControlHTML.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Form } from 'semantic-ui-react'
 
-const FormFieldHTMLControlExample = () => (
+const FormExampleFieldControlHTML = () => (
   <Form>
     <Form.Group widths='equal'>
       <Form.Field label='An HTML <input>' control='input' />
@@ -27,4 +27,4 @@ const FormFieldHTMLControlExample = () => (
   </Form>
 )
 
-export default FormFieldHTMLControlExample
+export default FormExampleFieldControlHTML
diff --git a/docs/app/Examples/collections/Form/Shorthand/FormSubComponentControlExample.js b/docs/app/Examples/collections/Form/Shorthand/FormExampleSubComponentControl.js
similarity index 92%
rename from docs/app/Examples/collections/Form/Shorthand/FormSubComponentControlExample.js
rename to docs/app/Examples/collections/Form/Shorthand/FormExampleSubComponentControl.js
index 3fbe983bd2..5480889fa4 100644
--- a/docs/app/Examples/collections/Form/Shorthand/FormSubComponentControlExample.js
+++ b/docs/app/Examples/collections/Form/Shorthand/FormExampleSubComponentControl.js
@@ -6,7 +6,7 @@ const options = [
   { text: 'Female', value: 'female' },
 ]
 
-class FormSubComponentControlExample extends Component {
+class FormExampleSubComponentControl extends Component {
   state = {}
 
   handleChange = (e, { value }) => this.setState({ value })
@@ -34,4 +34,4 @@ class FormSubComponentControlExample extends Component {
   }
 }
 
-export default FormSubComponentControlExample
+export default FormExampleSubComponentControl
diff --git a/docs/app/Examples/collections/Form/Shorthand/index.js b/docs/app/Examples/collections/Form/Shorthand/index.js
index 618aad3e35..5176c0c2dc 100644
--- a/docs/app/Examples/collections/Form/Shorthand/index.js
+++ b/docs/app/Examples/collections/Form/Shorthand/index.js
@@ -45,27 +45,27 @@ const FormTypesExamples = () => (
     <ComponentExample
       title='Form Sub Components'
       description={[
-        'Render a Field containing a label and form control.',
+        'Render a field containing a label and form control.',
         'All form control components are available.',
       ].join(' ')}
-      examplePath='collections/Form/Shorthand/FormSubComponentControlExample'
+      examplePath='collections/Form/Shorthand/FormExampleSubComponentControl'
     >
       <Compare { ...subComponentComparison } />
     </ComponentExample>
     <ComponentExample
       title='Field with Custom Control'
       description={[
-        'Render a Field containing a label and custom form control.',
+        'Render a field containing a label and custom form control.',
         'Use any component form any library, or your own.',
       ].join(' ')}
-      examplePath='collections/Form/Shorthand/FormFieldControlExample'
+      examplePath='collections/Form/Shorthand/FormExampleFieldControl'
     >
       <Compare { ...componentPropComparison } />
     </ComponentExample>
     <ComponentExample
       title='Field with HTML Control'
-      description='The Field control prop also works with HTML tags'
-      examplePath='collections/Form/Shorthand/FormFieldControlHTMLExample'
+      description='The field control prop also works with HTML tags.'
+      examplePath='collections/Form/Shorthand/FormExampleFieldControlHTML'
     >
       <Compare { ...htmlComparison } />
     </ComponentExample>
diff --git a/docs/app/Examples/collections/Form/States/FormErrorExample.js b/docs/app/Examples/collections/Form/States/FormExampleError.js
similarity index 84%
rename from docs/app/Examples/collections/Form/States/FormErrorExample.js
rename to docs/app/Examples/collections/Form/States/FormExampleError.js
index 51e24aaae2..78f126b3ef 100644
--- a/docs/app/Examples/collections/Form/States/FormErrorExample.js
+++ b/docs/app/Examples/collections/Form/States/FormExampleError.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Button, Form, Input, Message } from 'semantic-ui-react'
 
-const FormErrorExample = () => (
+const FormExampleError = () => (
   <Form error>
     <Form.Input label='Email' placeholder='joe@schmoe.com' />
     <Message
@@ -13,4 +13,4 @@ const FormErrorExample = () => (
   </Form>
 )
 
-export default FormErrorExample
+export default FormExampleError
diff --git a/docs/app/Examples/collections/Form/States/FormFieldDisabledExample.js b/docs/app/Examples/collections/Form/States/FormExampleFieldDisabled.js
similarity index 78%
rename from docs/app/Examples/collections/Form/States/FormFieldDisabledExample.js
rename to docs/app/Examples/collections/Form/States/FormExampleFieldDisabled.js
index 9b8958f322..098f944821 100644
--- a/docs/app/Examples/collections/Form/States/FormFieldDisabledExample.js
+++ b/docs/app/Examples/collections/Form/States/FormExampleFieldDisabled.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Form, Input } from 'semantic-ui-react'
 
-const FormFieldDisabledExample = () => (
+const FormExampleFieldDisabled = () => (
   <Form>
     <Form.Group widths='equal'>
       <Form.Input label='First name' placeholder='Disabled' disabled />
@@ -10,4 +10,4 @@ const FormFieldDisabledExample = () => (
   </Form>
 )
 
-export default FormFieldDisabledExample
+export default FormExampleFieldDisabled
diff --git a/docs/app/Examples/collections/Form/States/FormFieldErrorExample.js b/docs/app/Examples/collections/Form/States/FormExampleFieldError.js
similarity index 87%
rename from docs/app/Examples/collections/Form/States/FormFieldErrorExample.js
rename to docs/app/Examples/collections/Form/States/FormExampleFieldError.js
index 1377c0472e..a3b4c1f135 100644
--- a/docs/app/Examples/collections/Form/States/FormFieldErrorExample.js
+++ b/docs/app/Examples/collections/Form/States/FormExampleFieldError.js
@@ -6,7 +6,7 @@ const options = [
   { text: 'Female', value: 'female' },
 ]
 
-const FormFieldErrorExample = () => (
+const FormExampleFieldError = () => (
   <Form>
     <Form.Group widths='equal'>
       <Form.Input label='First name' placeholder='First name' error />
@@ -17,4 +17,4 @@ const FormFieldErrorExample = () => (
   </Form>
 )
 
-export default FormFieldErrorExample
+export default FormExampleFieldError
diff --git a/docs/app/Examples/collections/Form/States/FormExampleFieldReadOnly.js b/docs/app/Examples/collections/Form/States/FormExampleFieldReadOnly.js
new file mode 100644
index 0000000000..4076497715
--- /dev/null
+++ b/docs/app/Examples/collections/Form/States/FormExampleFieldReadOnly.js
@@ -0,0 +1,13 @@
+import React from 'react'
+import { Form, Input } from 'semantic-ui-react'
+
+const FormExampleFieldReadOnly = () => (
+  <Form>
+    <Form.Group widths='equal'>
+      <Form.Input label='First name' placeholder='Read only' readOnly />
+      <Form.Input label='Last name' placeholder='Read only' readOnly />
+    </Form.Group>
+  </Form>
+)
+
+export default FormExampleFieldReadOnly
diff --git a/docs/app/Examples/collections/Form/States/FormLoadingExample.js b/docs/app/Examples/collections/Form/States/FormExampleLoading.js
similarity index 74%
rename from docs/app/Examples/collections/Form/States/FormLoadingExample.js
rename to docs/app/Examples/collections/Form/States/FormExampleLoading.js
index 1e9fcd8c9e..cd234a9df2 100644
--- a/docs/app/Examples/collections/Form/States/FormLoadingExample.js
+++ b/docs/app/Examples/collections/Form/States/FormExampleLoading.js
@@ -1,11 +1,11 @@
 import React from 'react'
 import { Button, Form, Input } from 'semantic-ui-react'
 
-const FormLoadingExample = () => (
+const FormExampleLoading = () => (
   <Form loading>
     <Form.Input label='Email' placeholder='joe@schmoe.com' />
     <Button>Submit</Button>
   </Form>
 )
 
-export default FormLoadingExample
+export default FormExampleLoading
diff --git a/docs/app/Examples/collections/Form/States/FormSuccessExample.js b/docs/app/Examples/collections/Form/States/FormExampleSuccess.js
similarity index 82%
rename from docs/app/Examples/collections/Form/States/FormSuccessExample.js
rename to docs/app/Examples/collections/Form/States/FormExampleSuccess.js
index da75a52ef8..84e3912974 100644
--- a/docs/app/Examples/collections/Form/States/FormSuccessExample.js
+++ b/docs/app/Examples/collections/Form/States/FormExampleSuccess.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Button, Form, Input, Message } from 'semantic-ui-react'
 
-const FormSuccessExample = () => (
+const FormExampleSuccess = () => (
   <Form success>
     <Form.Input label='Email' placeholder='joe@schmoe.com' />
     <Message
@@ -13,4 +13,4 @@ const FormSuccessExample = () => (
   </Form>
 )
 
-export default FormSuccessExample
+export default FormExampleSuccess
diff --git a/docs/app/Examples/collections/Form/States/FormWarningExample.js b/docs/app/Examples/collections/Form/States/FormExampleWarning.js
similarity index 85%
rename from docs/app/Examples/collections/Form/States/FormWarningExample.js
rename to docs/app/Examples/collections/Form/States/FormExampleWarning.js
index 432d1b3c9e..541746fcd9 100644
--- a/docs/app/Examples/collections/Form/States/FormWarningExample.js
+++ b/docs/app/Examples/collections/Form/States/FormExampleWarning.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Button, Form, Input, Message } from 'semantic-ui-react'
 
-const FormErrorExample = () => (
+const FormExampleWarning = () => (
   <Form warning>
     <Form.Input label='Email' placeholder='joe@schmoe.com' />
     <Message
@@ -15,4 +15,4 @@ const FormErrorExample = () => (
   </Form>
 )
 
-export default FormErrorExample
+export default FormExampleWarning
diff --git a/docs/app/Examples/collections/Form/States/FormFieldReadOnlyExample.js b/docs/app/Examples/collections/Form/States/FormFieldReadOnlyExample.js
deleted file mode 100644
index d17e0b6eff..0000000000
--- a/docs/app/Examples/collections/Form/States/FormFieldReadOnlyExample.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react'
-import { Form, Input } from 'semantic-ui-react'
-
-const FormFieldDisabledExample = () => (
-  <Form>
-    <Form.Group widths='equal'>
-      <Form.Input label='First name' placeholder='Disabled' readOnly />
-      <Form.Input label='Last name' placeholder='Disabled' readOnly />
-    </Form.Group>
-  </Form>
-)
-
-export default FormFieldDisabledExample
diff --git a/docs/app/Examples/collections/Form/States/index.js b/docs/app/Examples/collections/Form/States/index.js
index de95abad33..4827b81470 100644
--- a/docs/app/Examples/collections/Form/States/index.js
+++ b/docs/app/Examples/collections/Form/States/index.js
@@ -7,37 +7,37 @@ const FormStatesExamples = () => (
     <ComponentExample
       title='Loading'
       description='If a form is in loading state, it will automatically show a loading indicator.'
-      examplePath='collections/Form/States/FormLoadingExample'
+      examplePath='collections/Form/States/FormExampleLoading'
     />
     <ComponentExample
       title='Success'
       description='If a form is in an success state, it will automatically show any success message blocks.'
-      examplePath='collections/Form/States/FormSuccessExample'
+      examplePath='collections/Form/States/FormExampleSuccess'
     />
     <ComponentExample
       title='Error'
       description='If a form is in an error state, it will automatically show any error message blocks.'
-      examplePath='collections/Form/States/FormErrorExample'
+      examplePath='collections/Form/States/FormExampleError'
     />
     <ComponentExample
       title='Warning'
       description='If a form is in warning state, it will automatically show any warning message block.'
-      examplePath='collections/Form/States/FormWarningExample'
+      examplePath='collections/Form/States/FormExampleWarning'
     />
     <ComponentExample
       title='Field Error'
-      description='Individual fields may display an error state'
-      examplePath='collections/Form/States/FormFieldErrorExample'
+      description='Individual fields may display an error state.'
+      examplePath='collections/Form/States/FormExampleFieldError'
     />
     <ComponentExample
       title='Disabled Field'
-      description='Individual fields may be disabled'
-      examplePath='collections/Form/States/FormFieldDisabledExample'
+      description='Individual fields may be disabled.'
+      examplePath='collections/Form/States/FormExampleFieldDisabled'
     />
     <ComponentExample
       title='Read-Only Field'
-      description='Individual fields may be read only'
-      examplePath='collections/Form/States/FormFieldReadOnlyExample'
+      description='Individual fields may be read only.'
+      examplePath='collections/Form/States/FormExampleFieldReadOnly'
     />
   </ExampleSection>
 )
diff --git a/docs/app/Examples/collections/Form/Types/FormFormExample.js b/docs/app/Examples/collections/Form/Types/FormExampleForm.js
similarity index 88%
rename from docs/app/Examples/collections/Form/Types/FormFormExample.js
rename to docs/app/Examples/collections/Form/Types/FormExampleForm.js
index 1351e4589e..3951c95e50 100644
--- a/docs/app/Examples/collections/Form/Types/FormFormExample.js
+++ b/docs/app/Examples/collections/Form/Types/FormExampleForm.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Button, Checkbox, Form } from 'semantic-ui-react'
 
-const FormFormExample = () => (
+const FormExampleForm = () => (
   <Form>
     <Form.Field>
       <label>First Name</label>
@@ -18,4 +18,4 @@ const FormFormExample = () => (
   </Form>
 )
 
-export default FormFormExample
+export default FormExampleForm
diff --git a/docs/app/Examples/collections/Form/Types/FormOnSubmitExample.js b/docs/app/Examples/collections/Form/Types/FormExampleOnSubmit.js
similarity index 97%
rename from docs/app/Examples/collections/Form/Types/FormOnSubmitExample.js
rename to docs/app/Examples/collections/Form/Types/FormExampleOnSubmit.js
index f7bc273703..610e8815bf 100644
--- a/docs/app/Examples/collections/Form/Types/FormOnSubmitExample.js
+++ b/docs/app/Examples/collections/Form/Types/FormExampleOnSubmit.js
@@ -20,7 +20,7 @@ const products = [
   { text: 'Socks', value: 'socks' },
 ]
 
-class FormOnSubmitExample extends Component {
+class FormExampleOnSubmit extends Component {
   state = { serializedForm: {} }
 
   handleChange = (e, { value }) => this.setState({ value })
@@ -69,4 +69,4 @@ class FormOnSubmitExample extends Component {
   }
 }
 
-export default FormOnSubmitExample
+export default FormExampleOnSubmit
diff --git a/docs/app/Examples/collections/Form/Types/index.js b/docs/app/Examples/collections/Form/Types/index.js
index 91849f61ad..c11f43dc81 100644
--- a/docs/app/Examples/collections/Form/Types/index.js
+++ b/docs/app/Examples/collections/Form/Types/index.js
@@ -9,7 +9,7 @@ const FormTypesExamples = () => (
     <ComponentExample
       title='Form'
       description='A form.'
-      examplePath='collections/Form/Types/FormFormExample'
+      examplePath='collections/Form/Types/FormExampleForm'
     >
       <Message info icon>
         <Icon name='pointing right' />
@@ -21,8 +21,8 @@ const FormTypesExamples = () => (
     </ComponentExample>
     <ComponentExample
       title='onSubmit'
-      description='A form calls back with the serialized data on submit'
-      examplePath='collections/Form/Types/FormOnSubmitExample'
+      description='A form calls back with the serialized data on submit.'
+      examplePath='collections/Form/Types/FormExampleOnSubmit'
     />
   </ExampleSection>
 )
diff --git a/docs/app/Examples/collections/Form/Variations/FormSizeExample.js b/docs/app/Examples/collections/Form/Variations/FormExampleSize.js
similarity index 89%
rename from docs/app/Examples/collections/Form/Variations/FormSizeExample.js
rename to docs/app/Examples/collections/Form/Variations/FormExampleSize.js
index b5cf23c688..d4fd43db36 100644
--- a/docs/app/Examples/collections/Form/Variations/FormSizeExample.js
+++ b/docs/app/Examples/collections/Form/Variations/FormExampleSize.js
@@ -3,7 +3,7 @@ import { Button, Divider, Form } from 'semantic-ui-react'
 
 const sizes = ['mini', 'tiny', 'small', 'large', 'big', 'huge', 'massive']
 
-const FormSizeExample = () => (
+const FormExampleSize = () => (
   <div>
     {sizes.map(size => (
       <Form size={size} key={size}>
@@ -17,4 +17,4 @@ const FormSizeExample = () => (
     ))}
   </div>
 )
-export default FormSizeExample
+export default FormExampleSize
diff --git a/docs/app/Examples/collections/Form/Variations/index.js b/docs/app/Examples/collections/Form/Variations/index.js
index a0e8ea7bfe..7f66999f86 100644
--- a/docs/app/Examples/collections/Form/Variations/index.js
+++ b/docs/app/Examples/collections/Form/Variations/index.js
@@ -7,7 +7,7 @@ const FormFormVariationsExamples = () => (
     <ComponentExample
       title='Size'
       description='A form can vary in size'
-      examplePath='collections/Form/Variations/FormSizeExample'
+      examplePath='collections/Form/Variations/FormExampleSize'
     />
   </ExampleSection>
 )