diff --git a/surfsense_web/components/notifications/NotificationButton.tsx b/surfsense_web/components/notifications/NotificationButton.tsx index fe400d2a8..0b81844ca 100644 --- a/surfsense_web/components/notifications/NotificationButton.tsx +++ b/surfsense_web/components/notifications/NotificationButton.tsx @@ -25,11 +25,11 @@ export function NotificationButton() { {unreadCount > 0 && ( 9 && "px-1" - )} - > + className={cn( + "absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-black text-[10px] font-medium text-white dark:bg-zinc-800 dark:text-zinc-50", + unreadCount > 9 && "px-1" + )} + > {unreadCount > 99 ? "99+" : unreadCount} )}