diff --git a/assets/styles/layouts/_top-nav.scss b/assets/styles/layouts/_top-nav.scss
index 8b7b33964..5a6f13c79 100644
--- a/assets/styles/layouts/_top-nav.scss
+++ b/assets/styles/layouts/_top-nav.scss
@@ -173,6 +173,11 @@
           border-radius: 0 0 $radius $radius;
           position: relative;
         }
+        span.state {
+          font-size: .9em;
+          opacity: .65;
+          font-style: italic;
+        }
       }
     }
   }
diff --git a/layouts/partials/topnav/product-selector.html b/layouts/partials/topnav/product-selector.html
index 696957dd8..560b6211e 100644
--- a/layouts/partials/topnav/product-selector.html
+++ b/layouts/partials/topnav/product-selector.html
@@ -36,7 +36,8 @@ Identify products by their product path. Dictionary schema:
   {{ $productAltLinkKey := index (index $.productInfo .productPath) 1 }}
   {{ $isCurrentProduct := in $.context.RelPermalink .productPath }}
   {{ $link := cond .useRootProductLink (print "/" .productPath "/") (cond (isset .altLinks $productAltLinkKey) (index .altLinks $productAltLinkKey) (cond $defaultAltProductPageExists $defaultAltProductPage.RelPermalink (print "/" .productPath "/"))) }}
-  <a href='{{ $link }}' {{ if $isCurrentProduct }}class="active"{{ end }}>{{ index (index $.productInfo .productPath) 0 }}</a>
+  {{ $isAlpha := in (slice "influxdb3/core" "influxdb3/enterprise") .productPath }}
+  <a href='{{ $link }}' {{ if $isCurrentProduct }}class="active"{{ end }}>{{ index (index $.productInfo .productPath) 0 }}{{ if $isAlpha }} <span class="state">alpha</span>{{ end }}</a>
 {{ end }}
 
 {{ $templateDefaults := dict "context" . "productInfo" $productInfo "altLinks" $altLinks "pageRoot" $pageRoot "useRootProductLink" $useRootProductLink }}