diff --git a/apps/documenteditor/main/index.html b/apps/documenteditor/main/index.html
index 48fe2d650..1c0ef16cf 100644
--- a/apps/documenteditor/main/index.html
+++ b/apps/documenteditor/main/index.html
@@ -18,7 +18,7 @@
             width: 100%;
             overflow: hidden;
             border: none;
-            background: #f1f1f1;
+            background: #e2e2e2;
             z-index: 1001;
         }
 
@@ -101,10 +101,10 @@
 
         .loadmask > .placeholder {
             background: #fbfbfb;
-            width: 796px;
+            width: 816px;
             margin: 46px auto;
             height: 100%;
-            border: 1px solid #dfdfdf;
+            border: 1px solid #bebebe;
             padding-top: 50px;
         }
 
diff --git a/apps/documenteditor/main/index.html.deploy b/apps/documenteditor/main/index.html.deploy
index ee8e63733..332fa9c13 100644
--- a/apps/documenteditor/main/index.html.deploy
+++ b/apps/documenteditor/main/index.html.deploy
@@ -19,7 +19,7 @@
             width: 100%;
             overflow: hidden;
             border: none;
-            background: #f1f1f1;
+            background: #e2e2e2;
             z-index: 1001;
         }
 
@@ -102,10 +102,10 @@
 
         .loadmask > .placeholder {
             background: #fbfbfb;
-            width: 796px;
+            width: 816px;
             margin: 46px auto;
             height: 100%;
-            border: 1px solid #dfdfdf;
+            border: 1px solid #bebebe;
             padding-top: 50px;
         }
 
diff --git a/apps/documenteditor/main/resources/less/app.less b/apps/documenteditor/main/resources/less/app.less
index ac0285aa6..33b313db0 100644
--- a/apps/documenteditor/main/resources/less/app.less
+++ b/apps/documenteditor/main/resources/less/app.less
@@ -152,10 +152,10 @@
 
 .doc-placeholder {
     background: #fbfbfb;
-    width: 796px;
-    margin: 40px auto;
+    width: 816px;
+    margin: 46px auto;
     height: 100%;
-    border: 1px solid #dfdfdf;
+    border: 1px solid #bebebe;
     padding-top: 50px;
     position: absolute;
     left: 0;
@@ -164,11 +164,6 @@
     bottom: 0;
     z-index: 1;
 
-    -webkit-animation: flickerAnimation 2s infinite ease-in-out;
-    -moz-animation: flickerAnimation 2s infinite ease-in-out;
-    -o-animation: flickerAnimation 2s infinite ease-in-out;
-    animation: flickerAnimation 2s infinite ease-in-out;
-
     > .line {
         height: 15px;
         margin: 30px 80px;
diff --git a/apps/documenteditor/main/resources/less/layout.less b/apps/documenteditor/main/resources/less/layout.less
index 430037262..2b5240838 100644
--- a/apps/documenteditor/main/resources/less/layout.less
+++ b/apps/documenteditor/main/resources/less/layout.less
@@ -77,6 +77,10 @@ label {
     display: none;
 }
 
+#editor-container {
+    background: #e2e2e2;
+}
+
 #editor_sdk {
     width: 100%;
     height: 100%;