diff --git a/src/trait_manager/model/Trait.js b/src/trait_manager/model/Trait.js
index dba3b2352..1621afbe3 100644
--- a/src/trait_manager/model/Trait.js
+++ b/src/trait_manager/model/Trait.js
@@ -22,6 +22,7 @@ export default Backbone.Model.extend({
     const target = this.get('target');
     const name = this.get('name');
     const changeProp = this.get('changeProp');
+    !this.get('id') && this.set('id', name);
 
     if (target) {
       this.target = target;
diff --git a/src/trait_manager/view/TraitView.js b/src/trait_manager/view/TraitView.js
index 947be3169..7ee0556e5 100644
--- a/src/trait_manager/view/TraitView.js
+++ b/src/trait_manager/view/TraitView.js
@@ -258,7 +258,7 @@ export default Backbone.View.extend({
 
   render() {
     const { $el, pfx, ppfx, model } = this;
-    const { type } = model.attributes;
+    const { type, id } = model.attributes;
     const hasLabel = this.hasLabel && this.hasLabel();
     const cls = `${pfx}trait`;
     this.$input = null;
@@ -277,7 +277,7 @@ export default Backbone.View.extend({
     $el.empty().append(tmpl);
     hasLabel && this.renderLabel();
     this.renderField();
-    this.el.className = `${cls}__wrp`;
+    this.el.className = `${cls}__wrp ${cls}__wrp-${id}`;
     this.postUpdate();
     this.onRender(this.getClbOpts());
     return this;