diff --git a/src/renderer/components/organisms/Notification/Favourite.vue b/src/renderer/components/organisms/Notification/Favourite.vue
index 9d82e0dd..c9e8a009 100644
--- a/src/renderer/components/organisms/Notification/Favourite.vue
+++ b/src/renderer/components/organisms/Notification/Favourite.vue
@@ -16,8 +16,16 @@
           <icon name="star" scale="0.7"></icon>
         </div>
         <div class="action-detail">
-          <span class="bold" @click="openUser(message.account)"><bdi v-html="username(message.account)"></bdi></span
-          >{{ $t('notification.favourite.body') }}
+          <span class="bold" @click="openUser(message.account)">
+            <bdi
+              v-html="
+                $t('notification.favourite.body', {
+                  username: username(message.account),
+                  interpolation: { escapeValue: false }
+                })
+              "
+            ></bdi>
+          </span>
         </div>
         <div class="action-icon" role="presentation">
           <FailoverImg :src="message.account.avatar" :alt="`Avatar of ${message.account.username}`" />
diff --git a/src/renderer/components/organisms/Notification/Follow.vue b/src/renderer/components/organisms/Notification/Follow.vue
index ae90e4db..2d25ba52 100644
--- a/src/renderer/components/organisms/Notification/Follow.vue
+++ b/src/renderer/components/organisms/Notification/Follow.vue
@@ -15,8 +15,16 @@
           <icon name="user-plus" scale="0.8"></icon>
         </div>
         <div class="action-detail">
-          <span class="bold" @click="openUser(message.account)"><bdi v-html="username(message.account)"></bdi></span
-          >{{ $t('notification.follow.body') }}
+          <span class="bold" @click="openUser(message.account)">
+            <bdi
+              v-html="
+                $t('notification.follow.body', {
+                  username: username(message.account),
+                  interpolation: { escapeValue: false }
+                })
+              "
+            ></bdi>
+          </span>
         </div>
         <div class="action-icon" role="presentation">
           <FailoverImg :src="message.account.avatar" />
diff --git a/src/renderer/components/organisms/Notification/FollowRequest.vue b/src/renderer/components/organisms/Notification/FollowRequest.vue
index c53480db..4cb63e10 100644
--- a/src/renderer/components/organisms/Notification/FollowRequest.vue
+++ b/src/renderer/components/organisms/Notification/FollowRequest.vue
@@ -15,9 +15,15 @@
           <icon name="user-plus" scale="0.8"></icon>
         </div>
         <div class="action-detail">
-          {{ $t('notification.follow_request.body') }}
           <span class="bold" @click="openUser(message.account)">
-            <bdi v-html="username(message.account)"></bdi>
+            <bdi
+              v-html="
+                $t('notification.follow_request.body', {
+                  username: username(message.account),
+                  interpolation: { escapeValue: false }
+                })
+              "
+            ></bdi>
           </span>
         </div>
         <div class="action-icon" role="presentation">
diff --git a/src/renderer/components/organisms/Notification/PollExpired.vue b/src/renderer/components/organisms/Notification/PollExpired.vue
index fe56910c..29dce8e7 100644
--- a/src/renderer/components/organisms/Notification/PollExpired.vue
+++ b/src/renderer/components/organisms/Notification/PollExpired.vue
@@ -16,8 +16,16 @@
           <icon name="poll-h" scale="0.9"></icon>
         </div>
         <div class="action-detail">
-          <span class="bold" @click="openUser(message.account)"><bdi v-html="username(message.account)"></bdi></span
-          >{{ $t('notification.poll_expired.body') }}
+          <span class="bold" @click="openUser(message.account)">
+            <bdi
+              v-html="
+                $t('notification.poll_expired.body', {
+                  username: username(message.account),
+                  interpolation: { escapeValue: false }
+                })
+              "
+            ></bdi>
+          </span>
         </div>
         <div class="action-icon" role="presentation">
           <FailoverImg :src="message.account.avatar" :alt="`Avatar of ${message.account.username}`" />
diff --git a/src/renderer/components/organisms/Notification/PollVote.vue b/src/renderer/components/organisms/Notification/PollVote.vue
index 1a1a82bd..181831e3 100644
--- a/src/renderer/components/organisms/Notification/PollVote.vue
+++ b/src/renderer/components/organisms/Notification/PollVote.vue
@@ -16,8 +16,16 @@
           <icon name="poll-h" scale="0.9"></icon>
         </div>
         <div class="action-detail">
-          <span class="bold" @click="openUser(message.account)"><bdi v-html="username(message.account)"></bdi></span
-          >{{ $t('notification.poll_vote.body') }}
+          <span class="bold" @click="openUser(message.account)">
+            <bdi
+              v-html="
+                $t('notification.poll_vote.body', {
+                  username: username(message.account),
+                  interpolation: { escapeValue: false }
+                })
+              "
+            ></bdi>
+          </span>
         </div>
         <div class="action-icon" role="presentation">
           <FailoverImg :src="message.account.avatar" :alt="`Avatar of ${message.account.username}`" />
diff --git a/src/renderer/components/organisms/Notification/Quote.vue b/src/renderer/components/organisms/Notification/Quote.vue
index d308e2fd..faef62d6 100644
--- a/src/renderer/components/organisms/Notification/Quote.vue
+++ b/src/renderer/components/organisms/Notification/Quote.vue
@@ -16,8 +16,16 @@
           <icon name="retweet" scala="0.7"></icon>
         </div>
         <div class="action-detail">
-          <span class="bold" @click="openUser(message.account)"><bdi v-html="username(message.account)"></bdi></span
-          >{{ $t('notification.quote.body') }}
+          <span class="bold" @click="openUser(message.account)">
+            <bdi
+              v-html="
+                $t('notification.quote.body', {
+                  username: username(message.account),
+                  interpolation: { escapeValue: false }
+                })
+              "
+            ></bdi>
+          </span>
         </div>
         <div class="action-icon" role="presentation">
           <FailoverImg :src="message.account.avatar" :alt="`Avatar of ${message.account.username}`" />
diff --git a/src/renderer/components/organisms/Notification/Reaction.vue b/src/renderer/components/organisms/Notification/Reaction.vue
index 151fa9e0..900abb8f 100644
--- a/src/renderer/components/organisms/Notification/Reaction.vue
+++ b/src/renderer/components/organisms/Notification/Reaction.vue
@@ -16,8 +16,16 @@
           {{ message.emoji }}
         </div>
         <div class="action-detail">
-          <span class="bold" @click="openUser(message.account)"><bdi v-html="username(message.account)"></bdi></span
-          >{{ $t('notification.reaction.body') }}
+          <span class="bold" @click="openUser(message.account)">
+            <bdi
+              v-html="
+                $t('notification.reaction.body', {
+                  username: username(message.account),
+                  interpolation: { escapeValue: false }
+                })
+              "
+            ></bdi>
+          </span>
         </div>
         <div class="action-icon" role="presentation">
           <FailoverImg :src="message.account.avatar" :alt="`Avatar of ${message.account.username}`" />
diff --git a/src/renderer/components/organisms/Notification/Reblog.vue b/src/renderer/components/organisms/Notification/Reblog.vue
index 04259fb7..f3655932 100644
--- a/src/renderer/components/organisms/Notification/Reblog.vue
+++ b/src/renderer/components/organisms/Notification/Reblog.vue
@@ -16,8 +16,16 @@
           <icon name="retweet" scala="0.7"></icon>
         </div>
         <div class="action-detail">
-          <span class="bold" @click="openUser(message.account)"><bdi v-html="username(message.account)"></bdi></span
-          >{{ $t('notification.reblog.body') }}
+          <span class="bold" @click="openUser(message.account)">
+            <bdi
+              v-html="
+                $t('notification.reblog.body', {
+                  username: username(message.account),
+                  interpolation: { escapeValue: false }
+                })
+              "
+            ></bdi>
+          </span>
         </div>
         <div class="action-icon" role="presentation">
           <FailoverImg :src="message.account.avatar" :alt="`Avatar of ${message.account.username}`" />
diff --git a/src/renderer/components/organisms/Notification/Status.vue b/src/renderer/components/organisms/Notification/Status.vue
index 4cadac26..2bbbcefd 100644
--- a/src/renderer/components/organisms/Notification/Status.vue
+++ b/src/renderer/components/organisms/Notification/Status.vue
@@ -5,8 +5,16 @@
         <icon name="home" scale="0.9"></icon>
       </div>
       <div class="action-detail">
-        <span class="bold" @click="openUser(message.account)"><bdi v-html="username(message.account)"></bdi></span
-        >{{ $t('notification.status.body') }}
+        <span class="bold" @click="openUser(message.account)">
+          <bdi
+            v-html="
+              $t('notification.status.body', {
+                username: username(message.account),
+                interpolation: { escapeValue: false }
+              })
+            "
+          ></bdi>
+        </span>
       </div>
       <div class="action-icon" role="presentation">
         <FailoverImg :src="message.account.avatar" :alt="`Avatar of ${message.account.username}`" />