reproduce issue #8074

examples/official-storybook/stories/addon-notes.stories.js

@@ -40,6 +40,8 @@ export class FromComponent {
 }
 ~~~
 
+---
+
 ### html with special formatting
 ~~~html
 <foo-outer property-a="value"

examples/official-storybook/stories/notes/notes.md

@@ -2,6 +2,8 @@
 
 #### It is imported and compiled using a webpack markdown loader
 
+---
+
 Supports code snippets too:
 
 ```jsx

lib/components/src/typography/DocumentFormattingSample.md

@@ -95,6 +95,10 @@ var foo = function(bar) {
 console.log(foo(5));
 ```
 
+## Horizontal Rule
+
+---
+
 ## Tables
 
 | Option | Description                                                               |

lib/components/src/typography/DocumentWrapper.stories.tsx

@@ -114,6 +114,8 @@ export const withDOM = () => (
       <li>foo</li>
       <li>bar</li>
     </ol>
+    <h2>Horizontal Rule</h2>
+    <hr />
     <h2>Tables</h2>
     <table>
       <thead>