diff --git a/webapp/components/Notification/Notification.vue b/webapp/components/Notification/Notification.vue
index 5406e818a..62d2d379f 100644
--- a/webapp/components/Notification/Notification.vue
+++ b/webapp/components/Notification/Notification.vue
@@ -2,10 +2,7 @@
   <ds-space :class="{ read: notificationData.read, notification: true }" margin-bottom="x-small">
     <client-only>
       <ds-space margin-bottom="x-small">
-        <user-teaser
-          :user="notificationData.triggerer"
-          :date-time="notificationData.createdAt"
-        />
+        <user-teaser :user="notificationData.triggerer" :date-time="notificationData.createdAt" />
       </ds-space>
       <ds-text class="reason-text-for-test" color="soft">
         <base-icon
@@ -35,7 +32,12 @@
       @click.native="$emit('read')"
     >
       <ds-space margin-bottom="x-small">
-        <ds-card :header="(notificationData.post || notificationData.comment) && notificationData.title" hover space="x-small" class="notifications-card">
+        <ds-card
+          :header="(notificationData.post || notificationData.comment) && notificationData.title"
+          hover
+          space="x-small"
+          class="notifications-card"
+        >
           <div v-if="notificationData.user">
             <!-- because of different margin above ds-card content without header property -->
             <ds-space margin-bottom="small" />
@@ -49,7 +51,9 @@
           </div>
           <div v-if="notificationData.report">
             <ds-space margin-bottom="x-small" />
-            <span class="notification-content-header-text">{{ $t(`notifications.report.category`) }}:</span>
+            <span class="notification-content-header-text">
+              {{ $t(`notifications.report.category`) }}:
+            </span>
             {{ $t('report.reason.category.options.' + notificationData.report.reasonCategory) }}
             <br />
             <span class="notification-content-header-text">
@@ -68,7 +72,10 @@
             </span>
           </div>
           <!-- because of different margin underneath ds-card content without header property -->
-          <ds-space v-if="!(notificationData.post || notificationData.comment)" margin-bottom="base" />
+          <ds-space
+            v-if="!(notificationData.post || notificationData.comment)"
+            margin-bottom="base"
+          />
         </ds-card>
       </ds-space>
     </nuxt-link>
diff --git a/webapp/components/NotificationsTable/NotificationsTable.vue b/webapp/components/NotificationsTable/NotificationsTable.vue
index c14b58ecc..bf3850eb8 100644
--- a/webapp/components/NotificationsTable/NotificationsTable.vue
+++ b/webapp/components/NotificationsTable/NotificationsTable.vue
@@ -60,10 +60,14 @@
       </div>
       <div v-if="scope.row.report" :class="{ 'notification-status': scope.row.read }">
         <ds-space margin-bottom="x-small" />
-        <span class="notification-content-header-text">{{ $t(`notifications.report.category`) }}:</span>
+        <span class="notification-content-header-text">
+          {{ $t(`notifications.report.category`) }}:
+        </span>
         {{ $t('report.reason.category.options.' + scope.row.report.reasonCategory) }}
         <br />
-        <span class="notification-content-header-text">{{ $t(`notifications.report.description`) }}:</span>
+        <span class="notification-content-header-text">
+          {{ $t(`notifications.report.description`) }}:
+        </span>
         <span
           v-if="scope.row.report.reasonDescription && scope.row.report.reasonDescription !== ''"
         >