diff --git a/ui/src/album/AlbumDetails.js b/ui/src/album/AlbumDetails.js
index e2d21e95d..d2682575e 100644
--- a/ui/src/album/AlbumDetails.js
+++ b/ui/src/album/AlbumDetails.js
@@ -3,6 +3,7 @@ import { Card, CardContent, CardMedia, Typography } from '@material-ui/core'
 import { useTranslate } from 'react-admin'
 import subsonic from '../subsonic'
 import { DurationField, formatRange } from '../common'
+import { ArtistLinkField } from './ArtistLinkField'
 
 const AlbumDetails = ({ classes, record }) => {
   const translate = useTranslate()
@@ -29,7 +30,7 @@ const AlbumDetails = ({ classes, record }) => {
           {record.name}
         </Typography>
         <Typography component="h6">
-          {record.albumArtist || record.artist}
+          <ArtistLinkField record={record} />
         </Typography>
         <Typography component="p">{genreYear(record)}</Typography>
         <Typography component="p">
diff --git a/ui/src/album/ArtistLinkField.js b/ui/src/album/ArtistLinkField.js
new file mode 100644
index 000000000..257b98876
--- /dev/null
+++ b/ui/src/album/ArtistLinkField.js
@@ -0,0 +1,19 @@
+import { Link } from 'react-admin'
+import React from 'react'
+
+export const ArtistLinkField = (props) => {
+  const filter = { artist_id: props.record.albumArtistId }
+  const url = `/album?filter=${JSON.stringify(
+    filter
+  )}&order=ASC&sort=maxYear&displayedFilters={"compilation":true}`
+  return (
+    <Link to={url} onClick={(e) => e.stopPropagation()}>
+      {props.record.albumArtist}
+    </Link>
+  )
+}
+
+ArtistLinkField.defaultProps = {
+  source: 'artistId',
+  addLabel: true
+}