diff --git a/ui/src/common/SongDetails.js b/ui/src/common/SongDetails.js
index 994690cb4..589e64bf5 100644
--- a/ui/src/common/SongDetails.js
+++ b/ui/src/common/SongDetails.js
@@ -36,7 +36,7 @@ const SongDetails = (props) => {
         <TableBody>
           {Object.keys(data).map((key) => {
             return (
-              <TableRow key={record.id}>
+              <TableRow key={`${record.id}-${key}`}>
                 <TableCell component="th" scope="row">
                   {translate(`resources.song.fields.${key}`, {
                     _: inflection.humanize(inflection.underscore(key)),