diff --git a/.gitignore b/.gitignore
index abd9d94fc..24a9821a3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,3 +27,6 @@ dist
 
 # Git worktrees
 .worktrees/
+
+# Claude Code
+CLAUDE.md
diff --git a/web/src/components/MemoView/components/MemoHeader.tsx b/web/src/components/MemoView/components/MemoHeader.tsx
index 7a58d0e1e..40874fdf9 100644
--- a/web/src/components/MemoView/components/MemoHeader.tsx
+++ b/web/src/components/MemoView/components/MemoHeader.tsx
@@ -52,15 +52,18 @@ const MemoHeader: React.FC<MemoHeaderProps> = ({ showCreator, showVisibility, sh
           />
         )}
 
-        {!isInMemoDetailPage && commentAmount > 0 && (
+        {!isInMemoDetailPage && (
           <Link
-            className={cn("flex flex-row justify-start items-center rounded-md px-1 hover:opacity-80 gap-0.5")}
+            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",
+            )}
             to={`/${memo.name}#comments`}
             viewTransition
             state={{ from: parentPage }}
           >
             <MessageCircleMoreIcon className="w-4 h-4 mx-auto text-muted-foreground" />
-            <span className="text-xs text-muted-foreground">{commentAmount}</span>
+            {commentAmount > 0 && <span className="text-xs text-muted-foreground">{commentAmount}</span>}
           </Link>
         )}