diff --git a/src/js/components/controls/control.js b/src/js/components/controls/control.js
index dced8ea8..afb627c4 100644
--- a/src/js/components/controls/control.js
+++ b/src/js/components/controls/control.js
@@ -10,6 +10,7 @@ export default class Control {
   constructor({ events = {}, dependencies = {}, ...restConfig } = {}) {
     this.events = events
     this.controlData = restConfig
+    this.controlData.attrs = Object.assign({}, this.controlData.attrs, {hidden: false});
     this.depsLoaded = this.fetchDependencies(dependencies)
   }
 
diff --git a/src/js/components/controls/html/hr.js b/src/js/components/controls/html/hr.js
index 7257f709..4fbb4993 100644
--- a/src/js/components/controls/html/hr.js
+++ b/src/js/components/controls/html/hr.js
@@ -14,6 +14,9 @@ class HRControl extends Control {
         icon: 'divider',
         id: 'divider',
       },
+      attrs: {
+        className: '',
+      }
     }
     super(hrConfig)
   }