diff --git a/src/views/repo/Issue.svelte b/src/views/repo/Issue.svelte
index f8c43d314..1da20f0d4 100644
--- a/src/views/repo/Issue.svelte
+++ b/src/views/repo/Issue.svelte
@@ -297,25 +297,29 @@
 
 <Layout>
   {#snippet breadcrumbs()}
-    <Link route={{ resource: "home" }}>
-      <NodeId
-        publicKey={config.publicKey}
-        alias={config.alias}
-        styleFontFamily="var(--font-family-sans-serif)"
-        styleFontSize="var(--font-size-tiny)" />
-    </Link>
-    <Link route={{ resource: "repo.issues", rid: repo.rid, status: "open" }}>
-      <div class="global-flex">
-        <Icon name="chevron-right" />
-        {project.data.name}
+    <div class="global-flex txt-overflow">
+      <Link route={{ resource: "home" }}>
+        <NodeId
+          publicKey={config.publicKey}
+          alias={config.alias}
+          styleFontFamily="var(--font-family-sans-serif)"
+          styleFontSize="var(--font-size-tiny)" />
+      </Link>
+      <Link route={{ resource: "repo.issues", rid: repo.rid, status: "open" }}>
+        <div class="global-flex">
+          <Icon name="chevron-right" />
+          {project.data.name}
+        </div>
+      </Link>
+      <Icon name="chevron-right" />
+      <Link route={{ resource: "repo.issues", rid: repo.rid, status: "open" }}>
+        Issues
+      </Link>
+      <Icon name="chevron-right" />
+      <div class="txt-overflow">
+        {issue.title}
       </div>
-    </Link>
-    <Icon name="chevron-right" />
-    <Link route={{ resource: "repo.issues", rid: repo.rid, status: "open" }}>
-      Issues
-    </Link>
-    <Icon name="chevron-right" />
-    {issue.title}
+    </div>
   {/snippet}
 
   {#snippet headerCenter()}