diff --git a/web/react/components/sidebar.jsx b/web/react/components/sidebar.jsx
index 0f02003b64..8b5f7a3814 100644
--- a/web/react/components/sidebar.jsx
+++ b/web/react/components/sidebar.jsx
@@ -20,6 +20,7 @@ const Utils = require('../utils/utils.jsx');
 const Constants = require('../utils/constants.jsx');
 const Preferences = Constants.Preferences;
 const TutorialSteps = Constants.TutorialSteps;
+const NotificationPrefs = Constants.NotificationPrefs;
 
 const Tooltip = ReactBootstrap.Tooltip;
 const OverlayTrigger = ReactBootstrap.OverlayTrigger;
@@ -76,7 +77,7 @@ export default class Sidebar extends React.Component {
             if (ch.type === 'D') {
                 chMentionCount = chUnreadCount;
                 chUnreadCount = 0;
-            } else if (chMember.notify_props && chMember.notify_props.mark_unread === 'mention') {
+            } else if (chMember.notify_props && chMember.notify_props.mark_unread === NotificationPrefs.MENTION) {
                 chUnreadCount = 0;
             }
 
diff --git a/web/react/utils/constants.jsx b/web/react/utils/constants.jsx
index 7d885681a7..58ee8e2d2b 100644
--- a/web/react/utils/constants.jsx
+++ b/web/react/utils/constants.jsx
@@ -384,5 +384,8 @@ module.exports = {
         BOTTOM: 1,
         POST: 2,
         SIDEBAR_OPEN: 3
+    },
+    NotificationPrefs: {
+        MENTION: 'mention'
     }
 };