diff --git a/packages/docs/components/HeaderBanner.vue b/packages/docs/components/HeaderBanner.vue
index bd75b299e0..07b5520a76 100644
--- a/packages/docs/components/HeaderBanner.vue
+++ b/packages/docs/components/HeaderBanner.vue
@@ -9,7 +9,7 @@
     >
       <div class="header__wrapper">
         <div class="header-banner__left">
-          <a href="/epicmaxco/vuestic-ui/releases/tag/v1.7.0">We just released&nbsp;<strong>Vuestic 1.7.0 🤗</strong></a>
+          <a :href="`https://github.com/epicmaxco/vuestic-ui/releases/tag/${uiVersion}`">We just released&nbsp;<strong>Vuestic {{ uiVersion }} 🤗</strong></a>
 
 <!--          <div class="header-banner__left-links">-->
             <!-- <a
@@ -114,6 +114,10 @@ const props = defineProps({
   },
 })
 
+import packageUi from 'vuestic-ui/package.json'
+
+const uiVersion = packageUi.version
+
 const textColor = useElementTextColor('primary')
 
 const closeable = ref(props.closeable)