diff --git a/assets/js/src/newsletter_editor/components/sidebar.js b/assets/js/src/newsletter_editor/components/sidebar.js
index 573a936e56..fc6b4cb039 100644
--- a/assets/js/src/newsletter_editor/components/sidebar.js
+++ b/assets/js/src/newsletter_editor/components/sidebar.js
@@ -163,6 +163,9 @@ Module.SidebarStylesView = Marionette.View.extend({
   behaviors: {
     ColorPickerBehavior: {},
   },
+  modelEvents: {
+    change: 'render',
+  },
   events: function () {
     return {
       'change #mailpoet_text_font_color': _.partial(this.changeColorField, 'text.fontColor'),
diff --git a/assets/js/src/newsletter_editor/components/styles.js b/assets/js/src/newsletter_editor/components/styles.js
index 85c1e974d2..339397b2f7 100644
--- a/assets/js/src/newsletter_editor/components/styles.js
+++ b/assets/js/src/newsletter_editor/components/styles.js
@@ -47,6 +47,11 @@ Module.StylesModel = SuperModel.extend({
     // apply model defaults recursively (not only on top level)
     this.set(jQuery.extend(true, {}, this.defaults, data));
     this.on('change', function () { App.getChannel().trigger('autoSave'); }); // eslint-disable-line func-names
+    App.getChannel().on('historyUpdate', this.onHistoryUpdate, this);
+  },
+
+  onHistoryUpdate: function onHistoryUpdate(json) {
+    this.set(json.globalStyles);
   },
 });