diff --git a/front/src/components/Footer.vue b/front/src/components/Footer.vue
index c776a9b85007012160c290641ad7b26c5d6f4e0c..8551789ec4ac65a446169ec317419b905b4bdf7c 100644
--- a/front/src/components/Footer.vue
+++ b/front/src/components/Footer.vue
@@ -10,9 +10,9 @@
             <router-link class="item" to="/about">
               <translate translate-context="Footer/About/List item.Link">About page</translate>
             </router-link>
-            <div class="item" v-if="version">
-              <translate translate-context="Footer/*/List item" :translate-params="{version: version}" >Version %{version}</translate>
-            </div>
+              <a v-if="version" class="item" href="https://docs.funkwhale.audio/changelog.html" target="_blank">
+                <translate translate-context="Footer/*/List item" :translate-params="{version: version}" >Version %{version}</translate>
+              </a>
             <div role="button" class="item" @click="$emit('show:set-instance-modal')" >
               <translate translate-context="Footer/*/List item.Link">Use another instance</translate>
             </div>
@@ -83,4 +83,9 @@ export default {
 footer p {
   color: grey;
 }
+
+footer#footer div.item:hover {
+  color: rgba(0, 0, 0, 0.87);
+}
+
 </style>