diff --git a/src/static/css/iframe_editor.css b/src/static/css/iframe_editor.css
index d06c83217..2c50e37bb 100644
--- a/src/static/css/iframe_editor.css
+++ b/src/static/css/iframe_editor.css
@@ -11,6 +11,7 @@ html.inner-editor {
 #outerdocbody {
   display: flex;
   flex-direction: row;
+  justify-content: center;
   min-height: 100vh; /* take at least full height */
 }
 #outerdocbody iframe {
diff --git a/src/static/skins/colibris/src/layout.css b/src/static/skins/colibris/src/layout.css
index 4c07a634e..8669a72ec 100644
--- a/src/static/skins/colibris/src/layout.css
+++ b/src/static/skins/colibris/src/layout.css
@@ -1,5 +1,4 @@
 #outerdocbody {
-  max-width: 900px;
   margin: 0 auto;
   padding-top: 20px;
   width: 100%;
@@ -14,6 +13,7 @@
 }
 
 #outerdocbody iframe, #outerdocbody > #innerdocbody {
+  max-width: 900px;
   padding: 55px;
   box-shadow: 0 0 0 0.5px rgba(209, 209, 209, 0.32), 0 0 7pt 0pt rgba(204, 204, 204, 0.52);
   border: 0;