diff --git a/pkg/interface/src/views/apps/notifications/notification.tsx b/pkg/interface/src/views/apps/notifications/notification.tsx
index bde0c00de..6af95128e 100644
--- a/pkg/interface/src/views/apps/notifications/notification.tsx
+++ b/pkg/interface/src/views/apps/notifications/notification.tsx
@@ -66,7 +66,7 @@ export function Notification(props: {
   const key = `${harkLidToId(lid)}-${harkBinToId(notification.bin)}`;
   const history = useHistory();
 
-  const isMobile = useLocalState((s) => s.mobile);
+  const isMobile = useLocalState(s => s.mobile);
 
   const onArchive = useCallback(
     async (e) => {
@@ -80,8 +80,10 @@ export function Notification(props: {
   );
 
   const { hovering, bind } = useHovering();
-  const dedupedBody = uniqBy(notification.body, (item) => item.link);
-  const contents = map(dedupedBody, 'content').filter((c) => c.length > 0);
+  const dedupedBody = uniqBy(notification.body, item => item.link);
+  // @ts-ignore TODO fix HarkBody definition for time, is string, should be number.
+  const orderedByTime = dedupedBody.sort((a, b) => b.time - a.time);
+  const contents = map(orderedByTime, 'content').filter(c => c.length > 0);
   const first = notification.body[0];
   if (!first) {
     // should be unreachable