From 82b92d4bf1a893c3d3bfd826415f9f3e5c6d7c9b Mon Sep 17 00:00:00 2001
From: Shawn Allen <shawn.allen@github.com>
Date: Tue, 12 Sep 2017 14:05:42 -0700
Subject: [PATCH] wrap everything in div.p-4

---
 .storybook/config.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/.storybook/config.js b/.storybook/config.js
index 32418d6f..33b82789 100644
--- a/.storybook/config.js
+++ b/.storybook/config.js
@@ -1,4 +1,5 @@
-import { configure } from '@storybook/react'
+import React from 'react'
+import { configure, addDecorator } from '@storybook/react'
 import { setOptions } from '@storybook/addon-options'
 import '../modules/primer-css/index.scss'
 
@@ -8,6 +9,12 @@ setOptions({
   showDownPanel: false,
 })
 
+addDecorator(story => (
+  <div className="p-4">
+    {story()}
+  </div>
+))
+
 const contexts = [
   require.context('.', true, /\.js$/),
   require.context('../modules', true, /stories.*\.js$/),