2 files changed, 12 insertions, 4 deletions
diff --git a/src/services/favicon_service/favicon_service.js b/src/services/favicon_service/favicon_service.js
index 7e19629d..df603bb4 100644
--- a/src/services/favicon_service/favicon_service.js
+++ b/src/services/favicon_service/favicon_service.js
@@ -55,10 +55,13 @@ const createFaviconService = () => {
     })
   }
 
+  const getOriginalFavicons = () => [...favicons]
+
   return {
     initFaviconService,
     clearFaviconBadge,
-    drawFaviconBadge
+    drawFaviconBadge,
+    getOriginalFavicons
   }
 }
 
diff --git a/src/services/notification_utils/notification_utils.js b/src/services/notification_utils/notification_utils.js
index 8842b8e4..4c6c4d8a 100644
--- a/src/services/notification_utils/notification_utils.js
+++ b/src/services/notification_utils/notification_utils.js
@@ -1,6 +1,9 @@
 import { filter, sortBy, includes } from 'lodash'
 import { muteWordHits } from '../status_parser/status_parser.js'
 import { showDesktopNotification } from '../desktop_notification_utils/desktop_notification_utils.js'
+import FaviconService from 'src/services/favicon_service/favicon_service.js'
+
+let cachedBadgeUrl = null
 
 export const notificationsFromStore = store => store.state.statuses.notifications.data
 
@@ -76,12 +79,14 @@ export const unseenNotificationsFromStore = store =>
   filter(filteredNotificationsFromStore(store), ({ seen }) => !seen)
 
 export const prepareNotificationObject = (notification, i18n) => {
-  const nodes = document.querySelectorAll('link[rel="icon"]')
-  const badge = nodes[0].href
+  if (cachedBadgeUrl === null) {
+    const favicon = FaviconService.getOriginalFavicons()[0]
+    cachedBadgeUrl = favicon.favcanvas.toDataURL()
+  }
 
   const notifObj = {
     tag: notification.id,
-    badge
+    badge: cachedBadgeUrl
   }
   const status = notification.status
   const title = notification.from_profile.name