FIX: More CSS regressions with notifications in non-english

app/assets/javascripts/discourse/widgets/user-notifications-large.js.es6

@@ -4,7 +4,7 @@ import { dateNode } from 'discourse/helpers/node';
 
 createWidget('large-notification-item', {
   buildClasses(attrs) {
-    const result = ['item', 'notification'];
+    const result = ['item', 'notification', 'large-notification'];
     if (!attrs.get('read')) {
       result.push('unread');
     }

app/assets/stylesheets/common/base/user.scss

@@ -504,3 +504,32 @@
     margin-top: 0;
   }
 }
+
+.large-notification {
+  display: flex;
+  align-items: center;
+
+  a {
+    display: flex;
+    align-items: center;
+
+    .d-icon {
+      margin-right: 0.5em;
+    }
+
+    span {
+      color: $primary;
+    }
+
+    // Can remove this once other languages have removed html from i18n values
+    div  {
+      .fa {
+        display: none;
+      }
+      p {
+        margin: 0;
+      }
+    }
+  }
+}
+