All instances of custom component are being updated

Hi,

I created a custom component for a toggle button. My problem is that once I drag and drop more than one, and then I edit any of them, all instances are being updated in terms of color, size, etc. I am using the latest version of grapesjs

editor.BlockManager.add('toggle', {
  label: 'Toggle',
  attributes: { class:'fa fa-toggle-on'},
  category: 'Basic',
  content: '<label class="switch"> <input type="checkbox"><span class="slider"></span></label>'
})

All the animations and properties are in the CSS that I loaded in the editor. Any idea why this can be happening?