From 84de368c8f9a1380cb3f5efeca945378d9156119 Mon Sep 17 00:00:00 2001
From: Andre LaFleur <alafleur@mavenlink.com>
Date: Tue, 12 May 2020 09:49:32 -0600
Subject: [PATCH] Setup example of the bug

- div nesting does not get represented properly when going three levels deep
- I suspect that this is due to another library styleguidist is built off of,
  but I figured I would represent it here
---
 src/components/Button.md | 56 ++++++++++++++--------------------------
 1 file changed, 19 insertions(+), 37 deletions(-)

diff --git a/src/components/Button.md b/src/components/Button.md
index 1dd2a0b..528469e 100644
--- a/src/components/Button.md
+++ b/src/components/Button.md
@@ -1,37 +1,19 @@
-Basic button:
-
-```jsx
-<Button>Push Me</Button>
-```
-
-Big pink button:
-
-```jsx
-<Button size="large" color="deeppink">Lick Me</Button>
-```
-
-And you *can* **use** `any` [Markdown](http://daringfireball.net/projects/markdown/) here.
-
-Fenced code blocks with `js`, `jsx` or `javascript` languages are rendered as a interactive playgrounds:
-
-```jsx
-<Button>Push Me</Button>
-```
-
-You can disable an editor by passing a `noeditor` modifier (```` ```js noeditor````):
-
-```jsx noeditor
-<Button>Push Me</Button>
-```
-
-To render an example as highlighted source code add a `static` modifier: (```` ```js static````):
-
-```js static
-import React from 'react';
-```
-
-Fenced blocks with other languages are rendered as highlighted code:
-
-```html
-<h1>Hello world</h1>
-```
+Actually not a button. Here's the weird bug:
+
+<div>
+    <div>
+        <div>Hello</div>
+        <div>How are you?</div>
+        <div>I am good thank you</div>
+    </div>
+    <div>
+        <div>Hello</div>
+        <div>How are you?</div>
+        <div>I am good thank you</div>
+    </div>
+    <div>
+        <div>Hello</div>
+        <div>How are you?</div>
+        <div>I am good thank you</div>
+    </div>
+</div>