diff --git a/app/(main)/[username]/[repo]/blob/[...path]/page.tsx b/app/(main)/[username]/[repo]/blob/[...path]/page.tsx
index ebf6911..269c90a 100644
--- a/app/(main)/[username]/[repo]/blob/[...path]/page.tsx
+++ b/app/(main)/[username]/[repo]/blob/[...path]/page.tsx
@@ -61,8 +61,8 @@ export default async function BlobPage({ params }: { params: Promise<{ username:
             <span className="text-xl font-bold">{username}</span>
           </Link>
           <span className="text-muted-foreground">/</span>
-          <Link href={`/${username}/${repoName}`} className="text-accent hover:underline font-bold">
-            {repoName}
+          <Link href={`/${username}/${repoName}`} className="text-accent hover:underline">
+            <span className="text-xl font-bold">{repoName}</span>
           </Link>
           <Badge variant="secondary" className="text-xs font-normal">
             {repo.visibility === "private" ? (
diff --git a/app/(main)/[username]/[repo]/page.tsx b/app/(main)/[username]/[repo]/page.tsx
index a8fd128..511a0d2 100644
--- a/app/(main)/[username]/[repo]/page.tsx
+++ b/app/(main)/[username]/[repo]/page.tsx
@@ -33,7 +33,9 @@ export default async function RepoPage({ params }: { params: Promise<{ username:
             <span className="text-xl font-bold">{username}</span>
           </Link>
           <span className="text-muted-foreground">/</span>
-          <h1 className="text-xl font-bold">{repo.name}</h1>
+          <div className="text-foreground">
+            <span className="text-xl font-bold">{repo.name}</span>
+          </div>
           <Badge variant="secondary" className="text-xs font-normal">
             {repo.visibility === "private" ? (
               <>
diff --git a/app/(main)/[username]/[repo]/tree/[...path]/page.tsx b/app/(main)/[username]/[repo]/tree/[...path]/page.tsx
index 232b6a3..53a7799 100644
--- a/app/(main)/[username]/[repo]/tree/[...path]/page.tsx
+++ b/app/(main)/[username]/[repo]/tree/[...path]/page.tsx
@@ -32,8 +32,8 @@ export default async function TreePage({ params }: { params: Promise<{ username:
             <span className="text-xl font-bold">{username}</span>
           </Link>
           <span className="text-muted-foreground">/</span>
-          <Link href={`/${username}/${repoName}`} className="text-accent hover:underline font-bold">
-            {repoName}
+          <Link href={`/${username}/${repoName}`} className="text-accent hover:underline">
+            <span className="text-xl font-bold">{repoName}</span>
           </Link>
           <Badge variant="secondary" className="text-xs font-normal">
             {repo.visibility === "private" ? (