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 0000000000000000000000000000000000000000..a4dbff8389e80f9ddc7f7be38b45fadbaff4ba38
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 0000000000000000000000000000000000000000..4558a55a952727b50099902d9492a5c198bcc62a
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 234b7c2f10431d32c70698466cbd44b182d0582f..a98638d40f68cff326d1bf9782318cf0df068646 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 cf58dc3fcd62bd3d2c01e7a8589000128e49ab4c..b00112e0a5f9dbc31f58a08a3d074c5afbc1c6f4 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 {