Fix: Do not overflow floated elements in examples (#773)

Add a block formatting context to the preview div so that any floated elements are contained
styleguidist · Jan 12, 2018 · ae960ca · ae960ca
1 parent 06b7ae5
commit ae960ca
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/rsg-components/Playground/PlaygroundRenderer.js b/src/rsg-components/Playground/PlaygroundRenderer.js
@@ -11,6 +11,9 @@ export const styles = ({ space, color, borderRadius }) => ({
 		padding: space[2],
 		border: [[1, color.border, 'solid']],
 		borderRadius,
+		// the next 2 lines are required to contain floated components
+		width: '100%',
+		display: 'inline-block',
 	},
 	controls: {
 		display: 'flex',