diff --git a/ui/src/album/AlbumDetails.js b/ui/src/album/AlbumDetails.js
index c22805879..2bf3c4e16 100644
--- a/ui/src/album/AlbumDetails.js
+++ b/ui/src/album/AlbumDetails.js
@@ -33,7 +33,7 @@ import {
import config from '../config'
import { intersperse } from '../utils'
import AlbumExternalLinks from './AlbumExternalLinks'
-import AnchorMe from '../common/AnchorMe'
+import AnchorMe from '../common/Linkify'
const useStyles = makeStyles(
(theme) => ({
diff --git a/ui/src/common/AnchorMe.js b/ui/src/common/Linkify.js
similarity index 94%
rename from ui/src/common/AnchorMe.js
rename to ui/src/common/Linkify.js
index dadd06ef3..65d5c70af 100644
--- a/ui/src/common/AnchorMe.js
+++ b/ui/src/common/Linkify.js
@@ -13,7 +13,7 @@ const useStyles = makeStyles(
{ name: 'RaLink' }
)
-const AnchorMe = ({ text, ...rest }) => {
+const Linkify = ({ text, ...rest }) => {
const classes = useStyles()
const linkify = useCallback((text) => {
const urlRegex =
@@ -66,8 +66,8 @@ const AnchorMe = ({ text, ...rest }) => {
return <>{parsedText}>
}
-AnchorMe.propTypes = {
+Linkify.propTypes = {
text: PropTypes.string,
}
-export default React.memo(AnchorMe)
+export default React.memo(Linkify)
diff --git a/ui/src/playlist/PlaylistDetails.js b/ui/src/playlist/PlaylistDetails.js
index 6b5e629d5..954f0c841 100644
--- a/ui/src/playlist/PlaylistDetails.js
+++ b/ui/src/playlist/PlaylistDetails.js
@@ -3,6 +3,7 @@ import { Card, CardContent, Typography } from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles'
import { useTranslate } from 'react-admin'
import { DurationField, SizeField } from '../common'
+import Linkify from '../common/Linkify'
const useStyles = makeStyles(
(theme) => ({
@@ -51,7 +52,9 @@ const PlaylistDetails = (props) => {
{record.name || translate('ra.page.loading')}
- {record.comment}
+
+
+
{record.songCount ? (