Grapesjs-preset-webpage form css is not working in chrome

I installed the grapesjs-preset-webpage using its npm. when I drag and drop the form its CSS is not working.

In the above screenshot. the css is not working exactly that what we have in grapesjs webpage.

my grapesjs code

editor = grapesjs.init({
      container: '#gjs',
      plugins: ['gjs-preset-webpage'],
      pluginsOpts: {
        'gjs-preset-webpage': {
          // options
        }
      },
      components: '<div class="txt-red">Hello world!</div>',
      style: '.txt-red{color: red}',
      styleManager: {
        clearProperties: 1
      }
    });