diff --git a/app/assets/images/icons/mail_grey_hover.png b/app/assets/images/icons/mail_grey_hover.png
new file mode 100644
index 000000000..a4dbff838
Binary files /dev/null and b/app/assets/images/icons/mail_grey_hover.png differ
diff --git a/app/assets/images/icons/notifications_grey_hover.png b/app/assets/images/icons/notifications_grey_hover.png
new file mode 100644
index 000000000..4558a55a9
Binary files /dev/null and b/app/assets/images/icons/notifications_grey_hover.png differ
diff --git a/app/assets/stylesheets/application.css.sass b/app/assets/stylesheets/application.css.sass
index 234b7c2f1..a98638d40 100644
--- a/app/assets/stylesheets/application.css.sass
+++ b/app/assets/stylesheets/application.css.sass
@@ -5,9 +5,9 @@
 @import 'new_styles/_spinner'
 
 @import 'sidebar'
+@import 'sprites'
 @import 'header'
 @import 'footer'
-@import 'sprites'
 @import 'opengraph'
 
 @import 'profile.css.scss'
diff --git a/app/assets/stylesheets/header.css.scss b/app/assets/stylesheets/header.css.scss
index cf58dc3fc..b00112e0a 100644
--- a/app/assets/stylesheets/header.css.scss
+++ b/app/assets/stylesheets/header.css.scss
@@ -75,6 +75,11 @@ body > header {
       &:hover .badge_count { background-color: lighten(#A40802, 5%); }
       
       .icons-notifications_grey { height: 16px; }
+
+      &.active .icons-notifications_grey:hover {
+        background-position: sprite-position($icons-sprites, notifications_grey);
+      }
+
       .icons-mail_grey { height: 11px }
 
       a.badge_link {