diff --git a/app/imports/ui/properties/treeNodeViews/TreeNodeView.vue b/app/imports/ui/properties/treeNodeViews/TreeNodeView.vue
index 6aa7a5d6..c2a04b65 100644
--- a/app/imports/ui/properties/treeNodeViews/TreeNodeView.vue
+++ b/app/imports/ui/properties/treeNodeViews/TreeNodeView.vue
@@ -5,9 +5,6 @@
     :selected="selected"
     :class="{
       'inactive': model.inactive,
-      'by-ancestor': model.deactivatedByAncestor,
-      'by-self': model.deactivatedBySelf,
-      'by-toggle': model.deactivatedByToggle,
     }"
   />
 </template>
@@ -37,7 +34,7 @@ export default {
 </script>
 
 <style lang="css" scoped>
-  .inactive: {
-    background: red;
+  .inactive {
+    opacity: 0.6;
   }
 </style>