diff --git a/src/inline/inline.ts b/src/inline/inline.ts
index 206c138..5947634 100644
--- a/src/inline/inline.ts
+++ b/src/inline/inline.ts
@@ -98,17 +98,18 @@ function createIssueSection(config: TagConfig, parsedUrl: ParsedUrl, container:
 	}
 	setIssueIcon(config.icon, IssueStatus.Open);
 	const issueContainer = createSpan({
-		cls: "github-link-inline-issue-title",
-		text: `${parsedUrl.issue}`,
+		cls: "github-link-inline-issue-title-section",
 	});
+	issueContainer.createSpan({ text: `#${parsedUrl.issue}`, cls: "github-link-inline-issue-number" });
 	config.sections.push(issueContainer);
 	if (parsedUrl.org && parsedUrl.repo) {
 		getIssue(parsedUrl.org, parsedUrl.repo, parsedUrl.issue)
 			.then((issue) => {
 				if (issue.title) {
+					const title = createSpan({ text: issue.title, cls: "github-link-inline-issue-title" });
+					issueContainer.prepend(title);
 					const status = getIssueStatus(issue);
 					setIssueIcon(config.icon, status);
-					issueContainer.setText(issue.title);
 				}
 			})
 			.catch((err) => {
diff --git a/styles.css b/styles.css
index 8f70c7b..e867f9f 100644
--- a/styles.css
+++ b/styles.css
@@ -278,14 +278,19 @@ body.theme-dark {
 
 .github-link-inline-pr-title,
 .github-link-inline-issue-title,
+.github-link-inline-issue-title-section,
 .github-link-inline-file {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	text-wrap: nowrap;
 	line-height: var(--line-height-normal);
 }
+.github-link-inline-issue-number {
+	color: var(--gh-color-fg-muted);
+}
 
-.github-link-inline-file {
+.github-link-inline-file,
+.github-link-inline-issue-title-section {
 	display: flex;
 	gap: 2px;
 }