diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 052df38..738acea 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -9,5 +9,6 @@ const today = new Date();
 	footer {
 		padding: 25px;
 		text-align: center;
+		font-size: 0.8rem;
 	}
 </style>
diff --git a/src/components/Tags.astro b/src/components/Tags.astro
index 5411cc2..ed5b31c 100644
--- a/src/components/Tags.astro
+++ b/src/components/Tags.astro
@@ -2,7 +2,7 @@
 const { tags, all } = Astro.props;
 ---
 
-{all && <h3>View posts by tag</h3>}
+{all && <h3 class="tag-title">View posts by tag</h3>}
 <div class=`${all && "tags"}`>
 	{
 		tags &&
diff --git a/src/style/global.css b/src/style/global.css
index f9133c4..3652de1 100644
--- a/src/style/global.css
+++ b/src/style/global.css
@@ -58,6 +58,11 @@ body.dark-mode nav {
 	background: var(--transblack);
 }
 
+.tag-title {
+	font-weight: 400;
+	color: var(--black);
+}
+
 @media (prefers-color-scheme: dark) {
 	::selection {
 		background-color: #0f0f0f;
@@ -90,6 +95,9 @@ body.dark-mode nav {
 	body .tag {
 		color: var(--gray);
 	}
+	.tag-title {
+		color: var(--white);
+	}
 }
 
 h2,