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}
)}