diff --git a/src/components/topbar/TopBar.tsx b/src/components/topbar/TopBar.tsx
index 7e06054..696b41d 100644
--- a/src/components/topbar/TopBar.tsx
+++ b/src/components/topbar/TopBar.tsx
@@ -69,7 +69,7 @@ function TopBar({ profileDropState, toggleProfileDropState, toggleMenuState }: P
                         href={`/${name}/notifications`}
                         className='relative'>
                         <NotificationBellIcon className='size-4.5 text-icon-active dark:text-foreground' />
-                        <span className='absolute -right-1 -top-1 flex items-center justify-center bg-red-500 size-3 rounded-full text-[8px] text-container'>
+                        <span className='absolute -right-1 -top-1 flex items-center justify-center bg-primary size-3 rounded-full text-[8px] text-container'>
                             <div className='mt-0.25 place-self-center'>2</div>
                         </span>
                     </Link>