diff --git a/src/Umbraco.Web.UI.Client/src/less/canvasdesigner.less b/src/Umbraco.Web.UI.Client/src/less/canvasdesigner.less
index a55e83e419..68b55670ec 100644
--- a/src/Umbraco.Web.UI.Client/src/less/canvasdesigner.less
+++ b/src/Umbraco.Web.UI.Client/src/less/canvasdesigner.less
@@ -13,6 +13,8 @@
 body {
     overflow: hidden;
     height: 100%;
+    width: 100%;
+    position: absolute;
     padding: 0;
     margin: 0;
     font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -36,7 +38,7 @@ h4 {
     display: block;
     padding: 5px 10px;
     font-size: 12px;
-    font-weight: normal;    
+    font-weight: normal;
 }
 
 h5 {
@@ -304,7 +306,7 @@ a, a:hover{
 ul.sections {
     display: block;
     background: #1d1d1d;
-    height: 100%;    
+    height: 100%;
     position:absolute;
     top: 90px;
     width: 80px;
@@ -318,7 +320,7 @@ ul.sections {
 }
 
 ul.sections li {
-    display: block;  
+    display: block;
     border-left: 4px #1d1d1d solid;
     -webkit-transition: all .3s linear;
     -moz-transition: all .3s linear;
@@ -366,7 +368,7 @@ ul.sections li.current, ul.sections li:hover {
     opacity: 1;
 }
 
-.fix-left-menu.selected, 
+.fix-left-menu.selected,
 .sections.selected {
      margin-left:0px;
 }
@@ -379,7 +381,7 @@ ul.sections li.current, ul.sections li:hover {
     position: fixed;
     top: 0;
     left: 0;
-    margin-left: -330px; 
+    margin-left: -330px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 13px;
     line-height: 16px;
@@ -455,7 +457,7 @@ ul.sections li.current, ul.sections li:hover {
     transition: all 0.2s ease-in-out;
 }
 
-.float-panel.selected{ 
+.float-panel.selected{
      margin-left: 0px;
 }
 
@@ -480,11 +482,11 @@ ul.sections li.current, ul.sections li:hover {
 
 .samples > li:hover {
     background: #f8f8f8;
-} 
+}
 
 .samples > li ul {
     display:table;
-    width:100%; 
+    width:100%;
 }
 
 .samples > li ul > li {
@@ -564,7 +566,7 @@ h4.panel-title {
     position: absolute;
     margin: 5px 0 0 -15px;
     cursor: pointer;
-    color:#CDCDCD; 
+    color:#CDCDCD;
     right: 0;
     top: 0;
 }
@@ -614,9 +616,9 @@ h4.panel-title {
 .canvasdesigner .ui-slider-horizontal {
     margin: 14px 11px 0 11px;
 }
-                 
+
 .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
-.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, 
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
 .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
     border: 1px solid #535353  !important;
     background: #535353  !important;
@@ -650,7 +652,7 @@ h4.panel-title {
     text-align: right;
     background-color: transparent;
     border: none;
-    
+
 }
 
 @-moz-document url-prefix() {