diff --git a/web/index.html b/web/index.html
index a128fe0d..485f6cdd 100644
--- a/web/index.html
+++ b/web/index.html
@@ -18,6 +18,13 @@
 			--main-col-percentage: 70%;
 		}
 		.hidden { display: none; }
+		a.upub-title {
+			color: var(--primary);
+			text-decoration: none;
+		}
+		a.upub-title:hover {
+			text-decoration: underline;
+		}
 		img.avatar-circle {
 			display: inline;
 			max-height: 2em;
diff --git a/web/src/main.rs b/web/src/main.rs
index 430d2cfb..5807951c 100644
--- a/web/src/main.rs
+++ b/web/src/main.rs
@@ -15,7 +15,7 @@ fn main() {
 		move || view! {
 			<nav class="w-100">
 				<p>
-					<code>μpub</code>
+					<code><a class="upub-title" href="/web" >μpub</a></code>
 					<small class="ml-1 mr-1" ><a class="clean" href="/web" >micro social network, federated</a></small>
 					/* TODO kinda jank with the float but whatever, will do for now */
 					<small style="float: right" ><a href="https://git.alemi.dev/upub.git" >src</a></small>