diff --git a/src/index.html b/src/index.html
index 3d29aac2f..ba5228d95 100644
--- a/src/index.html
+++ b/src/index.html
@@ -148,7 +148,7 @@
                             <a ng-class="{ active: isActive('/users')}" href="#/users"><i class="fa fa-users fa-fw"></i> Users</a>
                         </li>
                         <li class="dropdown">
-                            <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><img ng-src="{{user.gravatar}}" style="margin-top: -4px;"/> {{user.username}} <span class="badge badge-success" ng-show="notifications.length">{{ notifications.length }}</span> <span class="caret"></span></a>
+                            <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><img ng-src="{{user.gravatar}}" style="margin-top: -4px;"/> {{user.username}} <span class="badge badge-danger" ng-show="notifications.length">{{ notifications.length }}</span> <span class="caret"></span></a>
                             <ul class="dropdown-menu" role="menu">
                                 <li><a href="#/account"><i class="fa fa-user fa-fw"></i> Account</a></li>
                                 <!-- <li ng-show="user.admin"><a href="#/tokens"><i class="fa fa-key fa-fw"></i> API Access</a></li> -->
@@ -157,7 +157,7 @@
                                 <li ng-show="user.admin"><a href="#/email"><i class="fa fa-envelope fa-fw"></i> Email</a></li>
                                 <li ng-show="user.admin"><a href="#/activity"><i class="fa fa-list-alt fa-fw"></i> Event Log</a></li>
                                 <li ng-show="user.admin"><a href="#/graphs"><i class="fa fa-chart-bar fa-fw"></i> Graphs</a></li>
-                                <li><a href="#/notifications"><i class="fa fa-bell fa-fw"></i> Notifications <span class="badge badge-success pull-right" ng-show="notifications.length">{{ notifications.length }}</span></a></li>
+                                <li><a href="#/notifications"><i class="fa fa-bell fa-fw"></i> Notifications <span class="badge badge-danger pull-right" ng-show="notifications.length">{{ notifications.length }}</span></a></li>
                                 <li ng-show="user.admin"><a href="#/settings"><i class="fa fa-wrench fa-fw"></i> Settings</a></li>
                                 <li ng-show="user.admin" class="divider"></li>
                                 <li ng-show="user.admin"><a href="#/support"><i class="fa fa-comment fa-fw"></i> Support</a></li>
diff --git a/src/theme.scss b/src/theme.scss
index ecdf76343..d9d2dc62c 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -3,7 +3,7 @@ $brand-primary:                             #2196F3 !default; // #62bdfc
 $brand-success:                             #27CE65 !default;
 $brand-info:                                #5bc0de !default;
 $brand-warning:                             #f0ad4e !default;
-$brand-danger:                              #d9534f !default;
+$brand-danger:                              #ff4c4c !default;
 
 $body-bg:                                   #E5E5E5;
 $font-family-sans-serif:                    Roboto, Helvetica, Arial, sans-serif;