diff --git a/ui/components/app/account-menu/account-menu.component.js b/ui/components/app/account-menu/account-menu.component.js
index 8e7abba9c..534283a64 100644
--- a/ui/components/app/account-menu/account-menu.component.js
+++ b/ui/components/app/account-menu/account-menu.component.js
@@ -419,10 +419,7 @@ export default class AccountMenu extends Component {
               }}
               icon={
                 <div className="account-menu__notifications">
-                  <i
-                    className="fa fa-bell fa-xl"
-                    color="var(--color-icon-default)"
-                  />
+                  <i className="fa fa-bell fa-xl" />
                   {unreadNotificationsCount > 0 && (
                     <div className="account-menu__notifications__count">
                       {unreadNotificationsCount}
diff --git a/ui/components/app/account-menu/index.scss b/ui/components/app/account-menu/index.scss
index 3039a53be..b6461f7b1 100644
--- a/ui/components/app/account-menu/index.scss
+++ b/ui/components/app/account-menu/index.scss
@@ -56,7 +56,7 @@
     &__icon {
       margin-right: 8px;
       display: flex;
-      color: var(--color-icon-default);
+      color: var(--color-icon-alternative);
 
       i {
         text-align: center;