diff --git a/apps/common/main/lib/controller/Themes.js b/apps/common/main/lib/controller/Themes.js
index 1f09cb8a1..a1ee614bb 100644
--- a/apps/common/main/lib/controller/Themes.js
+++ b/apps/common/main/lib/controller/Themes.js
@@ -54,10 +54,10 @@ define([
             setTheme: function (name) {
                 if ( sdk_themes_relation.contains(name) ) {
                     var classname = document.documentElement.className.replace(/theme-\w+\s?/, '');
-                    document.documentElement.className = classname;
+                    document.body.className = classname;
 
                     this.api.asc_setSkin(sdk_themes_relation[name]);
-                    $(':root').addClass(name);
+                    $('body').addClass(name);
                     Common.localStorage.setItem('ui-theme', name);
                     Common.NotificationCenter.trigger('uitheme:change', name);
                 }
diff --git a/apps/common/main/resources/less/colors-table-dark.less b/apps/common/main/resources/less/colors-table-dark.less
index 00c583537..c6d00ad0a 100644
--- a/apps/common/main/resources/less/colors-table-dark.less
+++ b/apps/common/main/resources/less/colors-table-dark.less
@@ -1,6 +1,6 @@
 
 :root {
-    &.theme-dark {
+    .theme-dark {
         --toolbar-header-document: #2a2a2a;
         --toolbar-header-spreadsheet: #2a2a2a;
         --toolbar-header-presentation: #2a2a2a;