[Question]: How update style manager panel using few devices and custom css class

There is a custom class added to simple grapesjs project:

editor.StyleManager.addProperty('settings', {
     name: 'Size*',
     property: 'font-size',
     type: 'select',
     options: [
        { name: 'default', value:'1.5rem'},
        { name: 'small', value:'1rem'},
        { name: 'large', value:'2rem'}],
        defaults: '1.5rem',
   });
const cc = editor.CssComposer;
cc.setRule('.class', { 'font-size': '2rem' });

If there is no devices and user adds the class into the selectors field Settings sector is updated its font-size property correctly.

<img width="1440" alt="Screen Shot 2020-02-19 at 2 33 50 AM" src="https://user-images.githubusercontent.com/32596493/74790527-7b0efe00-52c0-11ea-9999-a98fa654de56.png">

If there are few devices (one of them set like)

        editor.setDevice('Tablet')

and user adds the class into selectors field Settings sector isn't updated its font-size property correctly.

<img width="1438" alt="Screen Shot 2020-02-19 at 2 40 29 AM" src="https://user-images.githubusercontent.com/32596493/74790751-3cc60e80-52c1-11ea-8fb7-fdaf5ef2b5ff.png">

Could you please help me to solve this problem?