diff --git a/less/mobile.less b/less/mobile.less
index 43b6a90..841fbf8 100644
--- a/less/mobile.less
+++ b/less/mobile.less
@@ -74,7 +74,7 @@
 			}
 		}
 
-		.notification-icon, .chat-icon {
+		.counter {
 			font-style: normal;
 			
 			&:after {
diff --git a/templates/header.tpl b/templates/header.tpl
index 039320a..f991637 100644
--- a/templates/header.tpl
+++ b/templates/header.tpl
@@ -58,7 +58,7 @@
 		<section class="menu-section" data-section="notifications">
 			<h3 class="menu-section-title">
 				[[global:header.notifications]]
-				<span class="notification-icon" data-content="0"></span>
+				<span class="counter" component="notifications/icon" data-content="0"></span>
 			</h3>
 			<ul class="menu-section-list"></ul>
 		</section>
@@ -66,7 +66,7 @@
 		<section class="menu-section" data-section="chats">
 			<h3 class="menu-section-title">
 				[[global:header.chats]]
-				<i class="chat-icon" component="chat/icon" data-content="0"></i>
+				<i class="counter" component="chat/icon" data-content="0"></i>
 			</h3>
 			<ul class="menu-section-list chat-list"></ul>
 		</section>