diff --git a/src/lib/components/molecules/NavBar.svelte b/src/lib/components/molecules/NavBar.svelte
index e9177c7..cd63fff 100644
--- a/src/lib/components/molecules/NavBar.svelte
+++ b/src/lib/components/molecules/NavBar.svelte
@@ -27,7 +27,11 @@
 	</div>
 
 	<div class="nav-group">
-		<a href="/announcements" class="rounded nav-button unselectable"><Announcement /></a>
+		<a
+			href="/announcements"
+			class="rounded nav-button unselectable"
+			class:active={page.url.pathname === '/announcements'}><Announcement /></a
+		>
 		<button class="rounded nav-button unselectable" type="button"><Gear /></button>
 	</div>
 </nav>