diff --git a/admin/css/screen.css b/admin/css/screen.css
index 9ff4cf03c..5411a43cf 100644
--- a/admin/css/screen.css
+++ b/admin/css/screen.css
@@ -941,7 +941,7 @@ li.class-ErrorPage > a .jstree-pageicon { background-position: 0 -112px; }
 .cms-preview .preview-note span { background: url('../images/sprites-64x64-s88957ee578.png') 0 0 no-repeat; display: block; height: 41px; margin: 0 auto 20px; width: 50px; }
 .cms-preview .preview-scroll { height: 100%; overflow: auto; position: relative; width: 100%; }
 .cms-preview .preview-scroll .preview-device-outer { height: 100%; width: 100%; }
-.cms-preview .preview-scroll .preview-device-outer .preview-device-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; }
+.cms-preview .preview-scroll .preview-device-outer .preview-device-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; background-color: #FFF; }
 .cms-preview .preview-scroll .preview-device-outer .preview-device-inner iframe { height: 100%; overflow-y: auto; width: 100%; }
 .cms-preview.mobile .preview-scroll, .cms-preview.mobileLandscape .preview-scroll, .cms-preview.tablet .preview-scroll, .cms-preview.tabletLandscape .preview-scroll, .cms-preview.desktop .preview-scroll { background-color: #eceff1; /* cover website preview icon */ }
 .cms-preview.mobile .preview-scroll .preview-device-outer, .cms-preview.mobileLandscape .preview-scroll .preview-device-outer, .cms-preview.tablet .preview-scroll .preview-device-outer, .cms-preview.tabletLandscape .preview-scroll .preview-device-outer, .cms-preview.desktop .preview-scroll .preview-device-outer { -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; background: #d5dde2; border: 1px solid transparent; border-left: 1px solid #cfd9de; padding: 0 16px 16px; }
diff --git a/admin/scss/_preview.scss b/admin/scss/_preview.scss
index 921a02b04..38f9b85e9 100644
--- a/admin/scss/_preview.scss
+++ b/admin/scss/_preview.scss
@@ -237,12 +237,12 @@
 			background: sprite($sprites64, preview) no-repeat;
 			display: block;
 			height: 41px;
-			margin: 0 auto 20px;			
+			margin: 0 auto 20px;
 			width: 50px;
 		}
 	}
 	.preview-scroll {
-		height: 100%;		
+		height: 100%;
 		overflow: auto;
 		position: relative;
 		width: 100%;
@@ -250,13 +250,14 @@
 			height: 100%;
 			width: 100%;
 			.preview-device-inner {	
-				@include box-sizing('border-box');			
+				@include box-sizing('border-box');
 				width: 100%;
-				height:100%;				
+				height:100%;
+				background-color: #FFF;
 				iframe {
 					height: 100%;
 					overflow-y: auto;
-					width: 100%;					
+					width: 100%;
 				}
 			}
 		}