diff --git a/js/FeedTree.js b/js/FeedTree.js
index 7cc3aabbe8bb3f2d2b944903636ca39ac61d4934..5bca1af8688f5e08e94dce1c312f2abf362efedf 100644
--- a/js/FeedTree.js
+++ b/js/FeedTree.js
@@ -188,7 +188,9 @@ dojo.declare("fox.FeedTree", dijit.Tree, {
 		ctr.className = 'counterNode';
 		ctr.innerHTML = args.item.unread;
 
-		args.item.unread > 0 ? ctr.addClassName("unread") : ctr.removeClassName("unread");
+		//args.item.unread > 0 ? ctr.addClassName("unread") : ctr.removeClassName("unread");
+
+		args.item.unread > 0 ? Element.show(ctr) : Element.hide(ctr);
 
 		dojo.place(ctr, tnode.labelNode, 'after');
 		tnode.counterNode = ctr;
@@ -212,8 +214,11 @@ dojo.declare("fox.FeedTree", dijit.Tree, {
 			node = node[0];
 
 			if (node.counterNode) {
-				node.counterNode.innerHTML = item.unread;
-				item.unread > 0 ? node.counterNode.addClassName("unread") : node.counterNode.removeClassName("unread");
+				ctr = node.counterNode;
+				ctr.innerHTML = item.unread;
+				item.unread > 0 ? Effect.Appear(ctr, {duration : 0.3,
+					queue: { position: 'end', scope: 'CAPPEAR-' + item.id, limit: 1 }}) :
+						Element.hide(ctr);
 			}
 		}
 
diff --git a/tt-rss.css b/tt-rss.css
index a9b03fe39acf76e1d82b4c037195ccd03a8a3919..f05b554f80b33c038f55dd1b5c9bc67d6de8b33f 100644
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -1051,10 +1051,6 @@ div.hl.active {
 }
 
 #feedTree span.counterNode {
-	display : none;
-}
-
-#feedTree span.counterNode.unread {
 	font-weight : bold;
 	display : inline-block;
 	font-size : 9px;