diff --git a/src/components/navigation/left/ServerListSidebar.tsx b/src/components/navigation/left/ServerListSidebar.tsx
index 41afbb77..13933e7f 100644
--- a/src/components/navigation/left/ServerListSidebar.tsx
+++ b/src/components/navigation/left/ServerListSidebar.tsx
@@ -58,7 +58,7 @@ function Icon({
             {unread === "mention" && (
                 <>
                     <circle cx="27" cy="5" r="5" fill={"var(--error)"} />
-                    <text x="27" y="5" r="5" fill={"white"} text-anchor="middle" fontSize={"7.5"} alignmentBaseline={"middle"}>{count<10?count:"9+"}</text>
+                    <text x="27" y="5" r="5" fill={"white"} fontSize={"7.5"} alignmentBaseline={"middle"}>{count < 9 ? count : "9+"}</text>
                 </>
             )}
         </svg>
@@ -268,7 +268,7 @@ export const ServerListSidebar = observer(({ unreads, lastOpened }: Props) => {
                                 homeActive && history.push("/settings")
                             }>
                             <UserHover user={client.user}>
-                                <Icon size={42} unread={homeUnread} count={0}>
+                                <Icon size={42} unread={homeUnread} count={alertCount}>
                                     <UserIcon
                                         target={client.user}
                                         size={32}