diff --git a/examples/Components/Navigation/index.vue b/examples/Components/Navigation/index.vue
index 91f326a1..6e3b125f 100644
--- a/examples/Components/Navigation/index.vue
+++ b/examples/Components/Navigation/index.vue
@@ -3,7 +3,7 @@
 
 		<div class="navigation__header">
 			<h1 class="navigation__logo">
-				tiptap
+				tiptap <span class="navigation__beta">beta</span>
 			</h1>
 			<a href="https://github.com/heyscrumpy/tiptap" target="_blank">
 				<icon class="navigation__icon" name="github" />
diff --git a/examples/Components/Navigation/style.scss b/examples/Components/Navigation/style.scss
index 2a4e3a0c..0beea78e 100644
--- a/examples/Components/Navigation/style.scss
+++ b/examples/Components/Navigation/style.scss
@@ -24,6 +24,19 @@
 		height: 1.5rem;
 	}
 
+	&__beta {
+		display: inline-block;
+		vertical-align: middle;
+		background-color: $color-white;
+		color: $color-black;
+		font-size: 0.6rem;
+		font-weight: bold;
+		text-transform: uppercase;
+		letter-spacing: 0.05rem;
+		padding: 0.1rem 0.2rem;
+		border-radius: 5px;
+	}
+
 	&__links {
 		padding: 0.5rem;
 		background-color: rgba($color-black, 0.9);