diff --git a/src/demo/public/app.css b/src/demo/public/app.css
index d146f90..3144227 100644
--- a/src/demo/public/app.css
+++ b/src/demo/public/app.css
@@ -63,10 +63,22 @@ button:disabled {
   min-width: 0;
 }
 .ax-product-header nav a {
+  padding: 8px 12px;
+  border: 1px solid transparent;
+  border-radius: 999px;
+  background: transparent;
   color: var(--ax-ink-primary);
   text-decoration: none;
   font-size: 15px;
   font-weight: 650;
+  transition:
+    background-color 220ms var(--ax-ease-fluid),
+    border-color 220ms var(--ax-ease-fluid);
+}
+.ax-product-header nav a:hover,
+.ax-product-header nav a:focus-visible {
+  border-color: rgb(255 255 255 / 82%);
+  background: rgb(255 255 255 / 35%);
 }
 .local-tag {
   font-size: 10px;
@@ -517,6 +529,9 @@ footer {
     animation: none;
     transition: none;
   }
+  .ax-product-header nav a {
+    transition: none;
+  }
 }
 
 .ax-product-header nav a,