diff --git a/front/src/components/audio/album/Card.vue b/front/src/components/audio/album/Card.vue
index aafa2e4a439b31a2cc586a22fb0ac10287e2c784..d1952e5dddea639c6181cca927f94d7c4217f68c 100644
--- a/front/src/components/audio/album/Card.vue
+++ b/front/src/components/audio/album/Card.vue
@@ -17,6 +17,9 @@
             {{ album.artist.name }}
           </router-link>
         </span>
+        <div v-if="album.release_date">
+          {{ album.release_date | moment('Y') }}
+        </div>         
       </div>
     </div>
     <div class="extra content">
diff --git a/front/src/components/library/AlbumBase.vue b/front/src/components/library/AlbumBase.vue
index 8ae555f6c8c7792331fffdb5c05b5e35bd04562e..370d9ad2580ca868c088e27dd43ba102980429b9 100644
--- a/front/src/components/library/AlbumBase.vue
+++ b/front/src/components/library/AlbumBase.vue
@@ -59,6 +59,9 @@
               <header>
                 <h2 class="ui header" :title="object.title">
                   {{ object.title }}
+                  <span class="ui sub header" v-if="object.release_date">
+                    {{ object.release_date | moment('Y') }}
+                  </span>                   
                 </h2>
                 <artist-label class="rounded" :artist="artist"></artist-label>
               </header>