diff --git a/src/code_manager/model/CssGenerator.js b/src/code_manager/model/CssGenerator.js
index cc210a776..f80821676 100644
--- a/src/code_manager/model/CssGenerator.js
+++ b/src/code_manager/model/CssGenerator.js
@@ -24,7 +24,7 @@ module.exports = require('backbone').Model.extend({
     // Let's know what classes I've found
     classes.each(model => this.compCls.push(model.getFullName()));
 
-    if ((!avoidInline || isWrapper) && style) {
+    if (!avoidInline && style) {
       let selector = `#${model.getId()}`;
       selector = wrappesIsBody && isWrapper ? 'body' : selector;
       code = `${selector}{${style}}`;
diff --git a/src/css_composer/model/CssRule.js b/src/css_composer/model/CssRule.js
index 179564928..84d991ee4 100644
--- a/src/css_composer/model/CssRule.js
+++ b/src/css_composer/model/CssRule.js
@@ -75,9 +75,12 @@ module.exports = Backbone.Model.extend(Styleable).extend({
    */
   selectorsToString(opts = {}) {
     const result = [];
+    const { em } = this;
     const state = this.get('state');
+    const wrapper = this.get('wrapper');
     const addSelector = this.get('selectorsAdd');
-    const selectors = this.get('selectors').getFullString();
+    const isBody = wrapper && em && em.getConfig('wrappesIsBody');
+    const selectors = isBody ? 'body' : this.get('selectors').getFullString();
     const stateStr = state ? `:${state}` : '';
     selectors && result.push(`${selectors}${stateStr}`);
     addSelector && !opts.skipAdd && result.push(addSelector);