chore: tweak comments display

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>
         )}