diff --git a/sass/_comments.scss b/sass/_comments.scss
index 3932f50..7016ed4 100644
--- a/sass/_comments.scss
+++ b/sass/_comments.scss
@@ -87,7 +87,7 @@ section#comments {
 				background-color: var(--fg-muted-1);
 				padding: 0.25rem 0.75rem;
 				color: var(--fg-color);
-				font-size: 0.8rem;
+				font-size: 0.875rem;
 				text-decoration: none;
 
 				&:hover {
@@ -128,7 +128,7 @@ section#comments {
 		time {
 			grid-area: time;
 			color: var(--fg-muted-5);
-			font-size: 0.8rem;
+			font-size: 0.875rem;
 		}
 
 		main {
diff --git a/sass/_footer.scss b/sass/_footer.scss
index 83fbe25..b4c7f72 100644
--- a/sass/_footer.scss
+++ b/sass/_footer.scss
@@ -104,6 +104,6 @@
 		all: unset;
 		margin: 0 auto;
 		color: var(--fg-muted-5);
-		font-size: 0.8rem;
+		font-size: 0.875rem;
 	}
 }
diff --git a/sass/_tags.scss b/sass/_tags.scss
index fd5ab78..5ae7b5f 100644
--- a/sass/_tags.scss
+++ b/sass/_tags.scss
@@ -15,24 +15,48 @@
 		}
 	}
 
-	.tag {
+	a {
 		transition: var(--transition);
 		box-shadow: var(--edge-highlight);
 		border-radius: 999px;
 		background-color: var(--fg-muted-1);
 		padding: 0.25rem 0.75rem;
 		color: var(--fg-color);
-		font-size: 0.8rem;
+		font-size: 0.875rem;
 		text-decoration: none;
 
 		&:hover {
 			background-color: var(--primary-color-alpha);
 			color: var(--primary-color);
 			text-decoration: none;
+
+			.count {
+				background-color: var(--primary-color-alpha);
+				color: var(--primary-color);
+			}
 		}
 
-		&::before {
-			content: "#";
+		&:has(.tag) {
+			padding: 0;
+		}
+
+		.tag {
+			display: inline-block;
+			padding: 0.25rem 0.5rem 0.25rem 0.75rem;
+
+			&::before {
+				content: "#";
+			}
+		}
+
+		.count {
+			display: inline-block;
+			transition: var(--transition);
+			border-radius: 0 999px 999px 0;
+			background-color: var(--fg-muted-1);
+			padding: 0.25rem 0.625rem 0.25rem 0.5rem;
+			color: var(--fg-muted-4);
+			font-variant-numeric: tabular-nums;
 		}
 	}
 }
diff --git a/sass/_typography.scss b/sass/_typography.scss
index 907094f..bb08dc8 100644
--- a/sass/_typography.scss
+++ b/sass/_typography.scss
@@ -27,7 +27,7 @@ h3 {
 
 small {
 	color: var(--fg-muted-5);
-	font-size: 0.8rem;
+	font-size: 0.875rem;
 }
 
 abbr[title] {
@@ -38,7 +38,7 @@ abbr[title] {
 
 figcaption {
 	color: var(--fg-muted-4);
-	font-size: 0.8rem;
+	font-size: 0.875rem;
 	text-align: center;
 }
 
@@ -71,7 +71,7 @@ kbd {
 	border-radius: var(--rounded-corner-small);
 	background-color: var(--fg-muted-2);
 	padding: 0.125rem 0.375rem;
-	font-size: 0.8rem;
+	font-size: 0.875rem;
 	line-height: normal;
 
 	// Small nice thingy, keys can be pressed!
diff --git a/templates/taxonomy_list.html b/templates/taxonomy_list.html
index 2a6569a..bd3ec85 100644
--- a/templates/taxonomy_list.html
+++ b/templates/taxonomy_list.html
@@ -6,7 +6,7 @@
 <br />
 <ul class="tags">
 	{% for tag in terms %}
-		<li><a class="tag" href="{{ get_taxonomy_url(kind='tags', name=tag.name, lang=lang) }}">{{ tag.name }}</a></li>
+		<li><a href="{{ get_taxonomy_url(kind='tags', name=tag.name, lang=lang) }}"><span class="tag">{{ tag.name }}</span><span class="count">{{ tag.pages | length }}</span></a></li>
 	{% endfor %}
 </ul>
 {% endblock content %}