diff --git a/ui/src/artist/DesktopArtistDetails.js b/ui/src/artist/DesktopArtistDetails.js
index 157f822f1..296268262 100644
--- a/ui/src/artist/DesktopArtistDetails.js
+++ b/ui/src/artist/DesktopArtistDetails.js
@@ -6,7 +6,7 @@ import CardContent from '@material-ui/core/CardContent'
 import CardMedia from '@material-ui/core/CardMedia'
 import ArtistExternalLinks from './ArtistExternalLink'
 import config from '../config'
-import { ArtistContextMenu, RatingField } from '../common'
+import { LoveButton, RatingField } from '../common'
 import Lightbox from 'react-image-lightbox'
 import ExpandInfoDialog from '../dialogs/ExpandInfoDialog'
 import AlbumInfo from '../album/AlbumInfo'
@@ -54,8 +54,7 @@ const useStyles = makeStyles(
     button: {
       marginLeft: '0.9em',
     },
-    contextMenu: {
-      marginLeft: theme.spacing(1.5),
+    loveButton: {
       top: theme.spacing(-0.2),
       left: theme.spacing(0.5),
     },
@@ -102,9 +101,8 @@ const DesktopArtistDetails = ({ artistInfo, record, biography }) => {
               className={classes.artistName}
             >
               {title}
-              <ArtistContextMenu
-                showLove={config.enableFavourites}
-                className={classes.contextMenu}
+              <LoveButton
+                className={classes.loveButton}
                 record={record}
                 resource={'artist'}
                 size={'default'}
diff --git a/ui/src/artist/MobileArtistDetails.js b/ui/src/artist/MobileArtistDetails.js
index e35a83a5d..683280d9e 100644
--- a/ui/src/artist/MobileArtistDetails.js
+++ b/ui/src/artist/MobileArtistDetails.js
@@ -4,7 +4,7 @@ import { makeStyles } from '@material-ui/core/styles'
 import Card from '@material-ui/core/Card'
 import CardMedia from '@material-ui/core/CardMedia'
 import config from '../config'
-import { ArtistContextMenu, RatingField } from '../common'
+import { LoveButton, RatingField } from '../common'
 import Lightbox from 'react-image-lightbox'
 import subsonic from '../subsonic'
 
@@ -109,8 +109,7 @@ const MobileArtistDetails = ({ artistInfo, biography, record }) => {
               className={classes.artistName}
             >
               {title}
-              <ArtistContextMenu
-                showLove={config.enableFavourites}
+              <LoveButton
                 className={classes.loveButton}
                 record={record}
                 resource={'artist'}