I'm not sure if Material theme keeps the variables equal to the Persona theme, but you need this class on your CSS to not show up any number when your data-content
is 0
or null
/empty
:
.unread-count[data-content]:not([data-content=""]):not([data-content="0"]):after {
content: attr(data-content);
}
And your line now should be:
<i component="chat/icon" class="fa fa-comment-o fa-fw unread-count" data-content="{unreadCount.chat}"></i>