Aparición aleatoria de comas en una página HTML durante la inspección sin estar presente en el código.

Tengo una página HTML simple y estoy mapeando un array para poblar un div con tarjetas. La alineación de las tarjetas estaba completamente equivocada, así que al inspeccionarlo, vi que hay comas después de cada tarjeta excepto la última, lo cual arruina la alineación. No he añadido estas comas en el código. Mi código:

    itemsdiv.innerHTML = items.map(el => {
        return (`
        <div class="item">
            <span class="item-title">${el.name}</span>
            <img class="item-image" src="${el.src}">
            <div class="item-details">
                <span class="item-color">${el.color}</span>
            </div>
        </div>
        ` )
    })

itemsdiv es un div vacío para poblar, y items es un array que se ve así:

    items = [
        {
            name: 'T-Shirt',
            src: 'Images/Shirt.png',
            color: 'blue',
        },
        {
            name: 'Coffee Cup',
            src: 'Images/Coffee.jpg',
            color: 'red',
        }
    ]

Cuando lo inspecciono se ve algo así:

<div class="itemsdiv">
   <div class="item"></div>
   ","
   <div class="item"></div>
   ","
   <div class="item"></div> 
</div>