FIX: Broken notifications in non-english locales

app/assets/javascripts/discourse/widgets/notification-item.js.es6

@@ -102,7 +102,11 @@ createWidget('notification-item', {
     let title = I18n.t(`notifications.alt.${notName}`);
     let icon = iconNode(`notification.${notName}`, { title });
     let text = emojiUnescape(this.text(notificationType, notName));
-    let html = new RawHtml({ html: `<p>${text}</p>` });
+
+    // We can use a `<p>` tag here once other languages have fixed their HTML
+    // translations.
+    let html = new RawHtml({ html: `<div>${text}</div>` });
+
     let contents = [ icon, html ];
 
     const href = this.url();

app/assets/stylesheets/common/base/menu-panel.scss

@@ -214,6 +214,13 @@
         margin-right: 5px;
         padding-top: 2px;
       }
+
+      // This is until other languages remove the HTML from within
+      // notifications. It can then be removed
+      div i.fa {
+        display: none;
+      }
+
       span { color: $primary; }
       &:hover { background-color: $highlight-medium; }
       a { padding: 0; }