diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index 3929070..b5087f9 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -37,7 +37,11 @@ const NavBar = (props: { params: Params }) => {
           </Tooltip>
           <Show when={pds()}>
             <Show when={props.params.repo}>
-              <A end href={pds()!} inactiveClass="w-full hover:underline active:underline">
+              <A
+                end
+                href={pds()!}
+                inactiveClass="text-blue-400 w-full hover:underline active:underline"
+              >
                 {pds()}
               </A>
             </Show>
@@ -79,7 +83,7 @@ const NavBar = (props: { params: Params }) => {
                 <A
                   end
                   href={`/at://${props.params.repo}`}
-                  inactiveClass="hover:underline active:underline w-full"
+                  inactiveClass="text-blue-400 hover:underline active:underline w-full"
                 >
                   {showHandle() ? handle() : props.params.repo}
                 </A>
@@ -111,7 +115,7 @@ const NavBar = (props: { params: Params }) => {
             <A
               end
               href={`/at://${props.params.repo}/labels`}
-              inactiveClass="grow hover:underline active:underline"
+              inactiveClass="text-blue-400 grow hover:underline active:underline"
             >
               labels
             </A>
@@ -126,7 +130,7 @@ const NavBar = (props: { params: Params }) => {
               <A
                 end
                 href={`/at://${props.params.repo}/${props.params.collection}`}
-                inactiveClass="w-full hover:underline active:underline"
+                inactiveClass="text-blue-400 w-full hover:underline active:underline"
               >
                 {props.params.collection}
               </A>