diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index e71875b6..41547c69 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -349,7 +349,7 @@ const Header = ({
               )}
               {isSignedIn && (
                 <IconButton color="inherit" onClick={handleNotificationsClick}>
-                  <Badge badgeContent={notificationCount > 0 ? notificationCount : null} color="secondary">
+                  <Badge badgeContent={notificationCount > 0 ? notificationCount : null} color="error">
                     <NotificationsIcon />
                   </Badge>
                 </IconButton>