diff --git a/apps/common/main/lib/component/ThemeColorPalette.js b/apps/common/main/lib/component/ThemeColorPalette.js
index fda5430344..05551f6805 100644
--- a/apps/common/main/lib/component/ThemeColorPalette.js
+++ b/apps/common/main/lib/component/ThemeColorPalette.js
@@ -85,7 +85,7 @@ define([
                 '<% if (me.options.dynamiccolors!==undefined) { %>' +
                 '<div class="palette-color-spacer" style="width:100%;height:8px;float:left;"></div><div style="padding: 12px;">' +
                     '<% for (var i=0; i<me.options.dynamiccolors; i++) { %>' +
-                        '<a class="color-dynamic-<%=i%> dynamic-empty-color" style="background:#ffffff" color="" hidefocus="on">' +
+                        '<a class="color-dynamic-<%=i%> dynamic-empty-color" color="" hidefocus="on">' +
                         '<em><span unselectable="on">&#160;</span></em></a>' +
                     '<% } %>' +
                 '<% } %>' +
diff --git a/apps/common/main/resources/less/theme-colorpalette.less b/apps/common/main/resources/less/theme-colorpalette.less
index 0ca52a67a7..b8728193f7 100644
--- a/apps/common/main/resources/less/theme-colorpalette.less
+++ b/apps/common/main/resources/less/theme-colorpalette.less
@@ -39,11 +39,16 @@
         }
     }
 
-    .dynamic-empty-color em span {
-        border:solid @scaled-one-px-value-ie @border-color-shading-ie;
-        border:solid @scaled-one-px-value @border-color-shading;
+    .dynamic-empty-color {
         background: @background-normal-ie;
         background: @background-normal;
+
+        em span {
+            border: solid @scaled-one-px-value-ie @border-color-shading-ie;
+            border: solid @scaled-one-px-value @border-color-shading;
+            background: @background-normal-ie;
+            background: @background-normal;
+        }
     }
 
     .color-transparent {