fix(component): remove styles from component area

src/component/app.tsx

@@ -31,6 +31,9 @@ const PatternsPane = styledComponents.div`
 
 const PreviewPane = styledComponents.div`
 	flex: 2 0 0px;
+	border-radius: 10px;
+	box-shadow: 0 2px 10px 0 rgba(0,0,0,.13);
+	overflow: hidden;
 `;
 
 interface AppProps {

src/component/preview.tsx

@@ -1,20 +1,12 @@
 import { ipcRenderer } from 'electron';
 import { JsonObject } from '../store/json';
-import Layout from '../lsg/patterns/layout';
 import { observer } from 'mobx-react';
 import DevTools from 'mobx-react-devtools';
 import { Page } from '../store/page';
 import { Preview } from './presentation/preview';
 import * as React from 'react';
 import * as ReactDom from 'react-dom';
 import { Store } from '../store';
-import styledComponents from 'styled-components';
-
-const PreviewPane = styledComponents.div`
-	flex: 2 0 0px;
-	padding: 10px;
-	box-shadow: inset 0 0 10px 0 rgba(0,0,0,.25);
-`;
 
 interface PreviewAppProps {
 	store: Store;
@@ -32,12 +24,10 @@ class PreviewApp extends React.Component<PreviewAppProps, PreviewAppState> {
 
 	public render(): JSX.Element {
 		return (
-			<Layout>
-				<PreviewPane>
-					<Preview page={this.props.store.getCurrentPage()} />
-				</PreviewPane>
+			<div>
+				<Preview page={this.props.store.getCurrentPage()} />
 				<DevTools />
-			</Layout>
+			</div>
 		);
 	}
 }