diff --git a/changes/changelog.d/cursor.enhancement b/changes/changelog.d/cursor.enhancement
new file mode 100644
index 000000000..da943aeda
--- /dev/null
+++ b/changes/changelog.d/cursor.enhancement
@@ -0,0 +1 @@
+Hand cursor now displayed over artist and album cards
diff --git a/front/src/components/audio/album/Card.vue b/front/src/components/audio/album/Card.vue
index 7f5afac63..52c440a20 100644
--- a/front/src/components/audio/album/Card.vue
+++ b/front/src/components/audio/album/Card.vue
@@ -1,17 +1,21 @@
 <template>
   <div class="card app-card component-album-card">
-    <div
-      v-lazy:background-image="imageUrl"
-      :class="['ui', 'head-image', 'image', {'default-cover': !album.cover || !album.cover.urls.original}]"
-      @click="$router.push({name: 'library.albums.detail', params: {id: album.id}})"
+    <router-link
+      class="discrete link"
+      :to="{name: 'library.albums.detail', params: {id: album.id}}"
     >
-      <play-button
-        :icon-only="true"
-        :is-playable="album.is_playable"
-        :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']"
-        :album="album"
-      />
-    </div>
+      <div
+        v-lazy:background-image="imageUrl"
+        :class="['ui', 'head-image', 'image', {'default-cover': !album.cover || !album.cover.urls.original}]"
+      >
+        <play-button
+          :icon-only="true"
+          :is-playable="album.is_playable"
+          :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']"
+          :album="album"
+        />
+      </div>
+    </router-link>
     <div class="content">
       <strong>
         <router-link
diff --git a/front/src/components/audio/artist/Card.vue b/front/src/components/audio/artist/Card.vue
index c02d825f7..465a0e1f6 100644
--- a/front/src/components/audio/artist/Card.vue
+++ b/front/src/components/audio/artist/Card.vue
@@ -1,17 +1,21 @@
 <template>
   <div class="app-card card">
-    <div
-      v-lazy:background-image="imageUrl"
-      :class="['ui', 'head-image', 'circular', 'image', {'default-cover': !cover || !cover.urls.original}]"
-      @click="$router.push({name: 'library.artists.detail', params: {id: artist.id}})"
+    <router-link
+      class="discrete link"
+      :to="{name: 'library.artists.detail', params: {id: artist.id}}"
     >
-      <play-button
-        :icon-only="true"
-        :is-playable="artist.is_playable"
-        :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']"
-        :artist="artist"
-      />
-    </div>
+      <div
+        v-lazy:background-image="imageUrl"
+        :class="['ui', 'head-image', 'circular', 'image', {'default-cover': !cover || !cover.urls.original}]"
+      >
+        <play-button
+          :icon-only="true"
+          :is-playable="artist.is_playable"
+          :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']"
+          :artist="artist"
+        />
+      </div>
+    </router-link>
     <div class="content">
       <strong>
         <router-link