nodemailer html Проблема шаблонных строк JavaScript при отображении списка в gmail

Question

Я пытался отправить html формат строк шаблонов JavaScript с сервером нодейлера, но у меня проблема. Когда html отображается в gmail, между строками отображается запятая, как показано ниже.

Это шаблон электронной почты:

const sendOrder = (name, secondName, products) => `<div style="color: black">

    <table style="margin-left:auto; margin-right:auto; font-size: 20px; border-collapse: 
  collapse;">
      <thead>
        <tr>
          <th style="padding-top: 12px;padding-bottom: 12px;text-align: center;background- 
  color: #95C21E;color: white;border: 1px solid #ddd;padding: 8px;">
            Nombre
          </th>
          <th style="padding-top: 12px;padding-bottom: 12px;text-align: center;background- 
  color: #95C21E;color: white;border: 1px solid #ddd;padding: 8px;">
            Cantidad
          </th>
          <th style="padding-top: 12px;padding-bottom: 12px;text-align: center;background- 
  color: #95C21E;color: white;border: 1px solid #ddd;padding: 8px;">
            Precio
          </th>
          <th style="padding-top: 12px;padding-bottom: 12px;text-align: center;background- 
  color: #95C21E;color: white;border: 1px solid #ddd;padding: 8px;">
            total
          </th>
        </tr>
      </thead>
      <tbody style="font-size: 16px">
        ${products.map(
          product => `
          <tr>
            <td style="border: 1px solid #ddd;padding: 8px;">
              ${product.title}
            </td>
            <td style="border: 1px solid #ddd;padding: 8px;">
              ${product.cant}
            </td>
            <td style="border: 1px solid #ddd;padding: 8px;">
              ${product.price}
            </td>
            <td style="border: 1px solid #ddd;padding: 8px;">
              ${product.cant * product.price}
            </td>
          </tr>
          `
        )}
      </tbody>
    </table>
   </div>
  `;