diff --git a/src/dom_components/model/Component.js b/src/dom_components/model/Component.js
index 8f881ac18..a0eb91cee 100644
--- a/src/dom_components/model/Component.js
+++ b/src/dom_components/model/Component.js
@@ -162,11 +162,12 @@ const Component = Backbone.Model.extend(Styleable).extend(
       this.set('status', '');
 
       // Register global updates for collection properties
-      ['classes', 'traits', 'components'].forEach(name =>
-        this.listenTo(this.get(name), 'add remove change', (...args) =>
+      ['classes', 'traits', 'components'].forEach(name => {
+        const events = `add remove ${name !== 'components' ? 'change' : ''}`;
+        this.listenTo(this.get(name), events.trim(), (...args) =>
           this.emitUpdate(name, ...args)
-        )
-      );
+        );
+      });
       this.init();
     },