import React from 'react';

const style = {
  position: 'fixed',
  top: 0,
  left: 0,
  bottom: 0,
  right: 0,
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
};

export default function(storyFn) {
  return <div style={style}>{storyFn()}</div>;
}

import React from 'react';

const style = {
  position: 'fixed',
  top: 0,
  left: 0,
  bottom: 0,
  right: 0,
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
  overflow: 'auto',
};

const innerStyle = {
  margin: 'auto',
}

export default function(storyFn) {
  return <div style={style}><div style={innerStyle}>{storyFn()}</div></div>;
}

Fix display of large components
Fix display of large components

Add CSS to allow for oversized components to scroll in all directions. See [issue #1225](https://github.com/storybooks/storybook/issues/1225#issuecomment-307259951).