diff --git a/frontend/src/System/Tasks/Queued/QueuedTaskRowNameCell.tsx b/frontend/src/System/Tasks/Queued/QueuedTaskRowNameCell.tsx
index 9fc4f9e21..77142c5a3 100644
--- a/frontend/src/System/Tasks/Queued/QueuedTaskRowNameCell.tsx
+++ b/frontend/src/System/Tasks/Queued/QueuedTaskRowNameCell.tsx
@@ -6,6 +6,22 @@ import createMultiArtistsSelector from 'Store/Selectors/createMultiArtistsSelect
import translate from 'Utilities/String/translate';
import styles from './QueuedTaskRowNameCell.css';
+function formatTitles(titles: string[]) {
+ if (!titles) {
+ return null;
+ }
+
+ if (titles.length > 11) {
+ return (
+
+ {titles.slice(0, 10).join(', ')}, {titles.length - 10} more
+
+ );
+ }
+
+ return {titles.join(', ')};
+}
+
export interface QueuedTaskRowNameCellProps {
commandName: string;
body: CommandBody;
@@ -32,7 +48,7 @@ export default function QueuedTaskRowNameCell(
{commandName}
{sortedArtists.length ? (
- - {sortedArtists.map((a) => a.artistName).join(', ')}
+ - {formatTitles(sortedArtists.map((a) => a.artistName))}
) : null}