diff --git a/ui/src/album/AlbumDetails.js b/ui/src/album/AlbumDetails.js
index 27072e6b7..88bfd8428 100644
--- a/ui/src/album/AlbumDetails.js
+++ b/ui/src/album/AlbumDetails.js
@@ -81,13 +81,13 @@ const AlbumComment = ({ record }) => {
   const [expanded, setExpanded] = React.useState(false)
 
   const formatted = useMemo(() => {
-    return record.comment.split('\n').map((line) => (
-      <>
+    return record.comment.split('\n').map((line, idx) => (
+      <span key={record.id + '-comment-' + idx}>
         {line}
         <br />
-      </>
+      </span>
     ))
-  }, [record.comment])
+  }, [record.comment, record.id])
 
   const handleExpandClick = useCallback(() => {
     setExpanded(!expanded)