diff --git a/frontend/src/lib/common/framework/ui/Navbar.svelte b/frontend/src/lib/common/framework/ui/Navbar.svelte
index cacf5a6..54e1843 100644
--- a/frontend/src/lib/common/framework/ui/Navbar.svelte
+++ b/frontend/src/lib/common/framework/ui/Navbar.svelte
@@ -5,7 +5,7 @@
 
 <div class="border-b border-gray-300">
 	<div
-		class="mx-auto flex h-toolbar-height max-w-screen-xl flex-row items-center justify-between px-4 md:px-6"
+		class="h-toolbar-height mx-auto flex max-w-screen-xl flex-row items-center justify-between px-4 md:px-6"
 	>
 		<a class="flex flex-row items-center gap-x-2" href="/">
 			<img class="mt-1 size-10" src="/icon/logo-light.svg" alt="SquidSpirit" />
@@ -13,6 +13,11 @@
 		</a>
 		<div class="flex flex-row items-center gap-x-6">
 			<NavbarAction label="首頁" link="/" isSelected={page.url.pathname === '/'} />
+			<NavbarAction
+				label="文章"
+				link="/post"
+				isSelected={page.url.pathname === '/post' || page.url.pathname.startsWith('/post/')}
+			/>
 		</div>
 	</div>
 </div>