diff --git a/src/style_manager/model/PropertyStack.js b/src/style_manager/model/PropertyStack.js
index fb528fd4c..be4cdb15c 100644
--- a/src/style_manager/model/PropertyStack.js
+++ b/src/style_manager/model/PropertyStack.js
@@ -213,6 +213,17 @@ export default class PropertyStack extends PropertyComposite {
       : style;
   }
 
+  getStylePreview(layer, opts = {}) {
+    let result = {};
+    const preview = this.get('preview');
+
+    if (preview) {
+      result = this.getStyleFromLayer(layer, opts);
+    }
+
+    return result;
+  }
+
   /**
    * Get layer separator.
    * @return {RegExp}
diff --git a/src/style_manager/view/LayerView.js b/src/style_manager/view/LayerView.js
index bcd849fad..edb78459a 100644
--- a/src/style_manager/view/LayerView.js
+++ b/src/style_manager/view/LayerView.js
@@ -112,7 +112,7 @@ export default View.extend({
 
     if (pModel.get('preview')) {
       const prvEl = this.getPreviewEl();
-      const style = pModel.getStyleFromLayer(model, { number: { min: -3, max: 3 } });
+      const style = pModel.getStylePreview(model, { number: { min: -3, max: 3 } });
       const styleStr = keys(style)
         .map(k => `${k}:${style[k]}`)
         .join(';');