diff --git a/src/Umbraco.Web.UI.Client/src/less/tree.less b/src/Umbraco.Web.UI.Client/src/less/tree.less
index b4ae7f008e..46f8c66532 100644
--- a/src/Umbraco.Web.UI.Client/src/less/tree.less
+++ b/src/Umbraco.Web.UI.Client/src/less/tree.less
@@ -215,7 +215,7 @@ li.root > div > a.umb-options {
 // Tree item states
 // -------------------------
 div.not-published > i.icon,div.not-published > a{
-	color: @grayLight;
+	opacity: 0.6;
 }
 div.protected:before{
 	content:"\e256";