diff --git a/framework/core/js/lib/components/Navigation.js b/framework/core/js/lib/components/Navigation.js
index 2034a175d..7c09a3185 100644
--- a/framework/core/js/lib/components/Navigation.js
+++ b/framework/core/js/lib/components/Navigation.js
@@ -93,7 +93,7 @@ export default class Navigation extends Component {
 
     return Button.component({
       className: 'Button Button--icon Navigation-drawer' +
-        (user && user.unreadNotificationsCount() ? ' unread' : ''),
+        (user && user.newNotificationsCount() ? ' new' : ''),
       onclick: e => {
         e.stopPropagation();
         drawer.show();
diff --git a/framework/core/less/lib/Navigation.less b/framework/core/less/lib/Navigation.less
index d6522455a..cfef7754b 100755
--- a/framework/core/less/lib/Navigation.less
+++ b/framework/core/less/lib/Navigation.less
@@ -29,7 +29,7 @@
   }
 }
 
-.Navigation-drawer.unread {
+.Navigation-drawer.new {
   position: relative;
 
   &:after {