diff --git a/packages/web/app/app.vue b/packages/web/app/app.vue
index 46724cc..c3601bd 100644
--- a/packages/web/app/app.vue
+++ b/packages/web/app/app.vue
@@ -22,19 +22,19 @@ const { data: repos } = useRepos()
   <div class="min-h-screen flex flex-col">
     <NuxtRouteAnnouncer />
     <main class="flex flex-col font-sans m-4 flex-grow">
-      <nav class="flex flex-row items-baseline gap-2 ">
-        <span class="icon bg-pink-400 w-10 h-10 self-center"></span>
-        <h1 class="text-lg font-bold my-4 flex gap-2 items-center">
-          <NuxtLink
-            to="/"
-            class="no-underline color-current"
-          >
-            unsight.dev
-          </NuxtLink>
-        </h1>
-        <p class="flex gap-1 items-center text-pink-400 text-xs font-bold">
-          v{{ version }}
-        </p>
+      <nav>
+        <NuxtLink
+          to="/"
+          class="flex flex-row items-center gap-2 text-lg font-bold my-4 no-underline color-current"
+        >
+          <span class="icon bg-pink-400 w-10 h-10 self-center"></span>
+          <div class="flex flex-row items-baseline gap-2">
+            <h1>unsight.dev</h1>
+            <span class="text-pink-400 text-xs">
+              v{{ version }}
+            </span>
+          </div>
+        </NuxtLink>
       </nav>
       <NuxtPage />
     </main>