diff --git a/public/assets/css/thetool.css b/public/assets/css/thetool.css
index 382a435f4..89849fa81 100644
--- a/public/assets/css/thetool.css
+++ b/public/assets/css/thetool.css
@@ -133,10 +133,11 @@ h1, h2, h3, h4, h5, h6 {
   border-bottom: 2px solid #f1556c;
 }*/
 
-#vodia-identities-list .list-group-item:hover {
+#vodia-identities-list > .list-group-item:hover {
   background-color: #dee2e6;
 }
-#vodia-identities-list .list-group-item td.color-block {
+
+#vodia-identities-list li.list-group-item .color-block {
     width: 50px;
     height: 16px;
     color: #fff;
diff --git a/public/assets/js/xinon-vodia-identity.js b/public/assets/js/xinon-vodia-identity.js
index f87e4da89..325b1b007 100644
--- a/public/assets/js/xinon-vodia-identity.js
+++ b/public/assets/js/xinon-vodia-identity.js
@@ -107,16 +107,25 @@ async function getVodiaIdentity() {
 }
 
 function addVodiaIdentityListItem(number, number_display, name, color) {
-    let tpl = $("#vodia-identity-list-item-template")[0].innerHTML;
-    item = $($.parseXML(tpl)).contents();
+    //let tpl = $("#vodia-identity-list-item-template")[0].innerHTML;
+    //item = $($.parseXML(tpl)).contents();
+
+
+    const puffFragment = document.querySelector("#vodia-identity-list-item-template").content.cloneNode(true);
+    const item = puffFragment.querySelector('li');
+
+    //console.log(item);
 
     $(item).data("number", number);
 
+    console.log($(item).find("td.color-block"));
     $(item).find("td.color-block").addClass("color-block-" + color);
     $(item).find("span.name").text(name);
     $(item).find("span.number").text("(" + number_display + ")");
 
     $("#vodia-identities-list").append(item);
+
+    console.log($(item)[0].outerHTML);
     return item;
 }