diff --git a/README.md b/README.md
index 86cd9f8..06e0ee6 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,8 @@
 <p align="center">
 <a href="https://github.com/ayoayco/cozy">
   <img alt="Last Commit" src="https://img.shields.io/github/last-commit/ayoayco/cozy?logo=github" />
-</a><br />
+</a>
+<a href=""><img alt"NPM Version" src="https://img.shields.io/npm/v/@ayco/cozy?label=alpha" /></a><br />
 Remove distractions. Save your favorites. Get useful insights.<br />
 Cozy is your modern-day reading assistant.
 </p>
diff --git a/src/components/AddressBar.astro b/src/components/AddressBar.astro
index ea81770..6ed91c8 100644
--- a/src/components/AddressBar.astro
+++ b/src/components/AddressBar.astro
@@ -35,12 +35,14 @@ const form = new FormGroup([
   <a target="_blank" href="https://github.com/ayoayco/cozy"
     >⭐️ GitHub</a
   >
+  •
+  <a class="nav-badge" href="https://www.npmjs.com/package/@ayco/cozy"><img alt"NPM Version" src="https://img.shields.io/npm/v/@ayco/cozy?label=alpha&logo=npm" /></a>
   </nav>
 </div>
 
 <style is:inline>
   .address-bar {
-    background-color: orange;
+    background-color:antiquewhite;
     text-align: center;
     padding: 0.5em;
     width: 100%;
@@ -65,7 +67,16 @@ const form = new FormGroup([
   nav {
     margin: 0.5em 0;
   }
+
+  nav a:hover {
+    text-decoration: underline;
+  }
   nav a {
     color: brown;
+    text-decoration: none;
+  }
+  nav img {
+    display: inline;
+    vertical-align: middle;
   }
 </style>