diff --git a/src/app/main/main-layout-footer.js b/src/app/main/main-layout-footer.js
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/main/main-layout-header.js b/src/app/main/main-layout-header.js
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/main/main-layout.js b/src/app/main/main-layout.js
index b9cef731..0864b3ba 100644
--- a/src/app/main/main-layout.js
+++ b/src/app/main/main-layout.js
@@ -6,7 +6,7 @@ var MainLayout = React.createClass({
 
 	render() {
 		return (
-			<div>
+			<div className="main-layout">
 
 				MainHeader
 
diff --git a/src/styles/app-components/_main-layout.scss b/src/styles/app-components/_main-layout.scss
new file mode 100644
index 00000000..a55bfa1f
--- /dev/null
+++ b/src/styles/app-components/_main-layout.scss
@@ -0,0 +1,6 @@
+.main-layout {
+  margin: 0 auto;
+  background-color: white;
+  width: 1100px;
+  border-radius: 4px;
+}
diff --git a/src/styles/main.scss b/src/styles/main.scss
index d288a93d..6b0c742e 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -3,7 +3,8 @@
 @import 'typography';
 @import 'base';
 
-@import 'app-components/header';
-@import 'app-components/footer';
 @import 'core-components/button';
-@import 'core-components/widget';
\ No newline at end of file
+@import 'core-components/widget';
+
+@import 'app-components/main-layout';
+@import 'app-components/footer';
\ No newline at end of file