Import Semantic UI styles in Storybook config

.storybook/config.tsx

@@ -2,11 +2,14 @@ import React from 'react'
 import { configure, addDecorator } from '@storybook/react';
 import '@storybook/addon-console';
 import StoryRouter from 'storybook-react-router';
- 
+
+import 'semantic-ui-css/semantic.min.css'
+import './style.css'
+
 addDecorator(StoryRouter());
 
 addDecorator(story => (
-  <div style={{padding: '1em'}}>{story()}</div>
+  <div className='StorybookRoot'>{story()}</div>
 ));
 
 configure(require.context('../packages', true, /\.stories\.tsx?$/), module)

.storybook/style.css

@@ -0,0 +1,4 @@
+.StorybookRoot {
+  background-color: #fafafa;
+  padding: 1rem 5rem;
+}