diff --git a/src/dom_components/index.js b/src/dom_components/index.js
index 5963f1841..5eb22e4aa 100644
--- a/src/dom_components/index.js
+++ b/src/dom_components/index.js
@@ -543,10 +543,10 @@ export default () => {
      * Remove all components
      * @return {this}
      */
-    clear() {
+    clear(opts = {}) {
       this.getComponents()
         .map(i => i)
-        .forEach(i => i.remove());
+        .forEach(i => i.remove(opts));
       return this;
     },
 
@@ -558,7 +558,7 @@ export default () => {
      * @private
      */
     setComponents(components, opt = {}) {
-      this.clear().addComponent(components, opt);
+      this.clear(opt).addComponent(components, opt);
     },
 
     /**
diff --git a/src/dom_components/model/Components.js b/src/dom_components/model/Components.js
index e8f93777b..085d97133 100644
--- a/src/dom_components/model/Components.js
+++ b/src/dom_components/model/Components.js
@@ -73,7 +73,8 @@ export default Backbone.Collection.extend({
       // Remove all component related styles
       const rulesRemoved = canRemoveStyle
         ? rules.remove(
-            rules.filter(r => r.getSelectors().getFullString() === `#${id}`)
+            rules.filter(r => r.getSelectors().getFullString() === `#${id}`),
+            opts
           )
         : [];