diff --git a/web/react/components/channel_notifications.jsx b/web/react/components/channel_notifications.jsx
index 83067240dd..9eda68b38b 100644
--- a/web/react/components/channel_notifications.jsx
+++ b/web/react/components/channel_notifications.jsx
@@ -163,10 +163,22 @@ export default class ChannelNotifications extends React.Component {
}.bind(this);
let curChannel = ChannelStore.get(this.state.channelId);
- let extraInfo = (These settings will override the global notification settings);
+ let extraInfo = (
+
+ These settings will override the global notification settings.
+
+ Desktop notifications are available on Firefox, Safari, and Chrome.
+
+ );
if (curChannel && curChannel.display_name) {
- extraInfo = (These settings will override the global notification settings for the {curChannel.display_name} channel);
+ extraInfo = (
+
+ These settings will override the global notification settings for the {curChannel.display_name} channel.
+
+ Desktop notifications are available on Firefox, Safari, and Chrome.
+
+ );
}
return (
diff --git a/web/react/components/user_settings/user_settings_notifications.jsx b/web/react/components/user_settings/user_settings_notifications.jsx
index 8d364cde77..ba14f019fa 100644
--- a/web/react/components/user_settings/user_settings_notifications.jsx
+++ b/web/react/components/user_settings/user_settings_notifications.jsx
@@ -265,9 +265,12 @@ export default class NotificationsTab extends React.Component {
e.preventDefault();
}.bind(this);
+ const extraInfo = {'Desktop notifications are available on Firefox, Safari, and Chrome.'};
+
desktopSection = (
{'Desktop notification sounds are available on Firefox, Safari, Chrome, Internet Explorer, and Edge.'};
+
soundSection = (