diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index 0522c1b3..d876e7ed 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -40,6 +40,7 @@
                                                                                            @change="editPlaylist"
                                                                                            @keydown.enter="editPlaylist"/>
                                     </div>
+                                    <div class="playlist-time genre" style="margin: 1px;">{{getAlbumGenre()}}</div>
                                     <div class="playlist-artist item-navigate"
                                          v-if="getArtistName(data) != '' && !useArtistChip"
                                          @click="data.attributes && data.attributes.artistName ? app.searchAndNavigate(data,'artist') : ''">
@@ -168,7 +169,6 @@
                         </div>
                     </div>
                 </div>
-                <div class="playlist-time genre">{{this.data.relationships.tracks.data[0].attributes.genreNames[0]}}</div>
                 <div class="playlist-time">
                     {{getFormattedDate()}}
                 </div>
@@ -285,6 +285,14 @@
                     return ""
                 }
             },
+            getAlbumGenre: function () {
+                if (this.data.type.includes('albums')) {
+                    let date = this.data.attributes.releaseDate;
+                if (date == null || date === "") return "";
+                const releaseDate = new Date(date);
+                return `${this.data.relationships.tracks.data[0].attributes.genreNames[0]} · ${releaseDate.getFullYear()}` 
+                }
+            },
             async isInLibrary() {
                 if (this.data.type && !this.data.type.includes("library")) {
                     // please keep using vars here
diff --git a/src/renderer/views/pages/playlist-inline.ejs b/src/renderer/views/pages/playlist-inline.ejs
index 62bbfc79..822776f8 100644
--- a/src/renderer/views/pages/playlist-inline.ejs
+++ b/src/renderer/views/pages/playlist-inline.ejs
@@ -48,6 +48,7 @@
                                                                                                @change="editPlaylist"
                                                                                                @keydown.enter="editPlaylist"/>
                                         </div>
+                                        <div class="playlist-time genre" style="margin: 1px;">{{getAlbumGenre()}}</div>
                                         <div class="playlist-artist item-navigate"
                                              v-if="getArtistName(data) != '' && !useArtistChip"
                                              @click="data.attributes && data.attributes.artistName ? app.searchAndNavigate(data,'artist') : ''">
@@ -179,7 +180,6 @@
                             </div>
                         </div>
                     </div>
-                    <div class="playlist-time genre">{{this.data.relationships.tracks.data[0].attributes.genreNames[0]}}</div>
                     <div class="playlist-time">
                         {{getFormattedDate()}}
                     </div>
@@ -309,6 +309,14 @@
                     return ""
                 }
             },
+            getAlbumGenre: function () {
+                if (this.data.type.includes('albums')) {
+                    let date = this.data.attributes.releaseDate;
+                if (date == null || date === "") return "";
+                const releaseDate = new Date(date);
+                return `${this.data.relationships.tracks.data[0].attributes.genreNames[0]} · ${releaseDate.getFullYear()}` 
+                }
+            },
             async isInLibrary() {
                 if (this.data.type && !this.data.type.includes("library")) {
                     // please keep using vars here