diff --git a/commafeed-client/src/components/sidebar/UnreadCount.tsx b/commafeed-client/src/components/sidebar/UnreadCount.tsx
index f33705f2..ffcf7448 100644
--- a/commafeed-client/src/components/sidebar/UnreadCount.tsx
+++ b/commafeed-client/src/components/sidebar/UnreadCount.tsx
@@ -1,4 +1,4 @@
-import { Badge, createStyles } from "@mantine/core"
+import { Badge, createStyles, Tooltip } from "@mantine/core"
const useStyles = createStyles(() => ({
badge: {
@@ -13,6 +13,10 @@ export function UnreadCount(props: { unreadCount: number }) {
if (props.unreadCount <= 0) return null
- const count = props.unreadCount >= 1000 ? "999+" : props.unreadCount
- return {count}
+ const count = props.unreadCount >= 10000 ? "10k+" : props.unreadCount
+ return (
+
+ {count}
+
+ )
}