From 1adb307c8ddd3183b725274cb386d1cfcd92901a Mon Sep 17 00:00:00 2001
From: SvenAlHamad <sven@webiny.com>
Date: Sun, 28 Oct 2018 12:32:35 +0000
Subject: [PATCH] Block list max width fix

---
 .../src/editor/plugins/blockEditing/StyledComponents.js  | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/webiny-app-cms/src/editor/plugins/blockEditing/StyledComponents.js b/packages/webiny-app-cms/src/editor/plugins/blockEditing/StyledComponents.js
index f027b0e08c5..e8ffc5e0bd8 100644
--- a/packages/webiny-app-cms/src/editor/plugins/blockEditing/StyledComponents.js
+++ b/packages/webiny-app-cms/src/editor/plugins/blockEditing/StyledComponents.js
@@ -1,3 +1,4 @@
+//@flow
 import styled from "react-emotion";
 import { css } from "emotion";
 
@@ -44,14 +45,16 @@ export const searchIcon = css({
 
 export const wrapper = css({
     height: "100vh",
-    overflow: "scroll"
+    overflow: "scroll",
+    backgroundColor: "var(--mdc-theme-background)"
 });
 
 export const BlockList = styled("div")({
     display: "flex",
     padding: 50,
-    backgroundColor: "var(--mdc-theme-background)",
-    justifyContent: "space-around"
+    justifyContent: "space-around",
+    maxWidth: 1200,
+    margin: "0 auto"
 });
 
 export const BlockPreview = styled("div")({