diff --git a/notification-portlet-webcomponents/notification-component-icon/src/NotificationIcon.js b/notification-portlet-webcomponents/notification-component-icon/src/NotificationIcon.js
index <HASH>..<HASH> 100644
--- a/notification-portlet-webcomponents/notification-component-icon/src/NotificationIcon.js
+++ b/notification-portlet-webcomponents/notification-component-icon/src/NotificationIcon.js
@@ -21,6 +21,11 @@ const StyledDropdownMenu = styled(DropdownMenu)`
   }
 `;
 const StyledDropdownToggle = styled(DropdownToggle)`
+  &:hover,
+  &:focus {
+    color: white;
+  }
+
   &.up-notification--toggle {
     background-color: inherit;
   }
@@ -191,9 +196,9 @@ class NotificationIcon extends Component {
     const {t, seeAllNotificationsUrl} = this.props;
     const {notifications, isDropdownOpen} = this.state;
 
-    const dropdownClasses = ['up-notification--toggle'];
+    let dropdownClasses = 'up-notification--toggle';
     if (notifications.length !== 0) {
-      dropdownClasses.push('up-active');
+      dropdownClasses += ' up-active';
     }
 
     return (
fix: ensure notification button shows are red when there are unread