diff --git a/src/components/views/context_menus/NotificationStateContextMenu.js b/src/components/views/context_menus/NotificationStateContextMenu.js
index 2de02112aa..869145aa3b 100644
--- a/src/components/views/context_menus/NotificationStateContextMenu.js
+++ b/src/components/views/context_menus/NotificationStateContextMenu.js
@@ -116,21 +116,21 @@ module.exports = React.createClass({
-

+

Alert me
-

+

Mentions only
diff --git a/src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css b/src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css
index d92355e3df..1a186178e1 100644
--- a/src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css
+++ b/src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css
@@ -41,7 +41,8 @@ limitations under the License.
}
.mx_NotificationStateContextMenu_icon {
- padding-right: 2px;
+ padding-right: 4px;
+ padding-left: 4px;
}
.mx_NotificationStateContextMenu_activeIcon {
diff --git a/src/skins/vector/img/icon-context-mute-mentions.svg b/src/skins/vector/img/icon-context-mute-mentions.svg
index 46d5022e69..3693b7a82a 100644
--- a/src/skins/vector/img/icon-context-mute-mentions.svg
+++ b/src/skins/vector/img/icon-context-mute-mentions.svg
@@ -1,10 +1,10 @@
-