diff --git a/src/app/theme/components/baMsgCenter/baMsgCenter.html b/src/app/theme/components/baMsgCenter/baMsgCenter.html
index 76713ad3..2bcca1f8 100644
--- a/src/app/theme/components/baMsgCenter/baMsgCenter.html
+++ b/src/app/theme/components/baMsgCenter/baMsgCenter.html
@@ -1,7 +1,7 @@
 <ul class="al-msg-center clearfix">
   <li class="dropdown">
     <a href class="dropdown-toggle" id="msg-dd1" data-toggle="dropdown" aria-expanded="false">
-      <i class="fa fa-bell-o"></i><span>5</span>
+      <i class="fa fa-bell-o"></i><span>{{ notifications.length }}</span>
 
       <div class="notification-ring"></div>
     </a>
@@ -29,7 +29,7 @@
   </li>
   <li class="dropdown">
     <a href class="msg dropdown-toggle" id="msg-dd2" data-toggle="dropdown" aria-expanded="false">
-      <i class="fa fa-envelope-o"></i><span>5</span>
+      <i class="fa fa-envelope-o"></i><span>{{ messages.length }}</span>
       <div class="notification-ring"></div>
     </a>
     <div class="top-dropdown-menu dropdown-menu" aria-labelledby="msg-dd2">