diff --git a/apps/common/main/resources/less/common.less b/apps/common/main/resources/less/common.less
index 50d8faee9..4fc041b2e 100644
--- a/apps/common/main/resources/less/common.less
+++ b/apps/common/main/resources/less/common.less
@@ -266,3 +266,7 @@ textarea {
         background-position-x: -56px;
     }
 }
+
+.doc-content-color {
+    background-color: @canvas-content-background;
+}
\ No newline at end of file
diff --git a/apps/documenteditor/main/app/template/ParagraphSettingsAdvanced.template b/apps/documenteditor/main/app/template/ParagraphSettingsAdvanced.template
index 915b1a382..e9f6cbcd7 100644
--- a/apps/documenteditor/main/app/template/ParagraphSettingsAdvanced.template
+++ b/apps/documenteditor/main/app/template/ParagraphSettingsAdvanced.template
@@ -147,7 +147,7 @@
                     <div id="paragraphadv-spin-position"></div>
                 </div>
             </div>
-            <div style="outline: 1px solid #cbcbcb;">
+            <div class="doc-content-color" style="outline: 1px solid #cbcbcb;">
                 <div id="paragraphadv-font-img" style="width: 300px; height: 80px; position: relative; margin: 0 auto;"></div>
             </div>
     </div>
diff --git a/apps/presentationeditor/main/app/template/ParagraphSettingsAdvanced.template b/apps/presentationeditor/main/app/template/ParagraphSettingsAdvanced.template
index ba4d75c7d..7b0447e1c 100644
--- a/apps/presentationeditor/main/app/template/ParagraphSettingsAdvanced.template
+++ b/apps/presentationeditor/main/app/template/ParagraphSettingsAdvanced.template
@@ -78,7 +78,7 @@
                 <div id="paragraphadv-spin-spacing"></div>
             </div>
         </div>
-        <div style="border: 1px solid #cbcbcb;">
+        <div class="doc-content-color" style="border: 1px solid #cbcbcb;">
             <div id="paragraphadv-font-img" style="width: 300px; height: 80px; position: relative; margin: 0 auto;"></div>
         </div>
     </div>
diff --git a/apps/spreadsheeteditor/main/app/template/ParagraphSettingsAdvanced.template b/apps/spreadsheeteditor/main/app/template/ParagraphSettingsAdvanced.template
index ba4d75c7d..7b0447e1c 100644
--- a/apps/spreadsheeteditor/main/app/template/ParagraphSettingsAdvanced.template
+++ b/apps/spreadsheeteditor/main/app/template/ParagraphSettingsAdvanced.template
@@ -78,7 +78,7 @@
                 <div id="paragraphadv-spin-spacing"></div>
             </div>
         </div>
-        <div style="border: 1px solid #cbcbcb;">
+        <div class="doc-content-color" style="border: 1px solid #cbcbcb;">
             <div id="paragraphadv-font-img" style="width: 300px; height: 80px; position: relative; margin: 0 auto;"></div>
         </div>
     </div>