diff --git a/src/css/img/check-mark-active.svg b/src/css/img/check-mark-active.svg
new file mode 100644
index 0000000..d9fa760
--- /dev/null
+++ b/src/css/img/check-mark-active.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24">
+  <path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597z" fill="#679c16"/>
+</svg>
\ No newline at end of file
diff --git a/src/css/img/check-mark-circle.svg b/src/css/img/check-mark-circle.svg
deleted file mode 100644
index 850f5fd..0000000
--- a/src/css/img/check-mark-circle.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm7 7.457l-9.005 9.565-4.995-5.865.761-.649 4.271 5.016 8.24-8.752.728.685z"/></svg>
\ No newline at end of file
diff --git a/src/css/img/check-mark-double-active.svg b/src/css/img/check-mark-double-active.svg
new file mode 100644
index 0000000..0103c3e
--- /dev/null
+++ b/src/css/img/check-mark-double-active.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24">
+  <path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597z" fill="#c5ab57"/>
+</svg>
diff --git a/src/css/img/check-mark-filled.svg b/src/css/img/check-mark-filled.svg
deleted file mode 100644
index 2ff5a78..0000000
--- a/src/css/img/check-mark-filled.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597z"/></svg>
\ No newline at end of file
diff --git a/src/css/img/check-mark.svg b/src/css/img/check-mark.svg
new file mode 100644
index 0000000..3e25c40
--- /dev/null
+++ b/src/css/img/check-mark.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill-rule="evenodd" clip-rule="evenodd">
+  <path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm7 7.457l-9.005 9.565-4.995-5.865.761-.649 4.271 5.016 8.24-8.752.728.685z"/>
+</svg>
\ No newline at end of file
diff --git a/src/css/main.css b/src/css/main.css
index eb26bb8..ec0deb0 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -487,6 +487,7 @@ button.icon
   border: none;
   width: 20px;
   padding: 0px;
+  cursor: default;
 }
 
 button.icon:after
@@ -523,20 +524,24 @@ button.icon.edit:hover:after
   background-image: url(/css/img/edit-hover.svg);
 }
 
-.tableList > li > div button.icon.whitelist::after,
-.tableList li > ul li > div button.icon.whitelist::after
+button.icon.whitelist:after
 {
-  background-image: url(/css/img/check-mark-circle.svg);
-  background-size: 100%;
-  background-repeat: no-repeat;
+  background-image: url(/css/img/check-mark.svg);
 }
 
-.tableList > li[data-whitelist="true"] > div button.icon.whitelist::after,
-.tableList li > ul li[data-whitelist="true"] > div button.icon.whitelist::after
+button.icon.whitelist:hover:after
 {
-  background-image: url(/css/img/check-mark-filled.svg);
-  background-size: 100%;
-  background-repeat: no-repeat;
+  opacity: .8;
+}
+
+[data-whitelist="true"] button.icon.whitelist:after
+{
+  background-image: url(/css/img/check-mark-active.svg);
+}
+
+[data-whitelist="true"] [data-whitelist="true"] button.icon.whitelist:after
+{
+  background-image: url(/css/img/check-mark-double-active.svg);
 }
 
 /* CONTROLS */