From 62646853eb3fed39544cb5778538a306f8ca4ed3 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Tue, 6 Jan 2026 19:08:03 +0800
Subject: [PATCH] chore: tweak comments display

---
 web/src/components/MemoView/components/MemoHeader.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/web/src/components/MemoView/components/MemoHeader.tsx b/web/src/components/MemoView/components/MemoHeader.tsx
index c17eef8b8..41a7f59bc 100644
--- a/web/src/components/MemoView/components/MemoHeader.tsx
+++ b/web/src/components/MemoView/components/MemoHeader.tsx
@@ -60,18 +60,15 @@ const MemoHeader: React.FC<MemoHeaderProps> = ({
           />
         )}
 
-        {!isInMemoDetailPage && (
+        {!isInMemoDetailPage && commentAmount > 0 && (
           <Link
-            className={cn(
-              "flex flex-row justify-start items-center rounded-md px-1 hover:opacity-80 gap-0.5",
-              commentAmount === 0 && "hidden sm:group-hover:flex",
-            )}
+            className={cn("flex flex-row justify-start items-center rounded-md px-1 hover:opacity-80 gap-0.5")}
             to={`/${memo.name}#comments`}
             viewTransition
             state={{ from: parentPage }}
           >
             <MessageCircleMoreIcon className="w-4 h-4 mx-auto text-muted-foreground" />
-            {commentAmount > 0 && <span className="text-xs text-muted-foreground">{commentAmount}</span>}
+            <span className="text-xs text-muted-foreground">{commentAmount}</span>
           </Link>
         )}