Código criando TD a mais

Por algum motivo meu código está gerando uma TD em branco a mais, ele está passando todos os valores que coloco no input certinho, mas quando inspeciono no console os elements, ele ta criando uma TD para armazenar o que passo e logo em seguida uma vazia. Logo, no browser a tabela fica bagunçada. Código da minha view:

class NegociacoesView {
    constructor(elemento) {
        this._elemento = elemento;
    }

    _template(model) {
        return `
            <table class="table table-hover table-bordered">
                <thead>
                    <tr>
                        <th>DATA</th>
                        <th>QUANTIDADE</th>
                        <th>VALOR</th>
                        <th>VOLUME</th>
                    </tr>
                </thead>

            <tbody>
                ${model.negociacoes.map((n) => {
                    return `
                        <tr>
                            <td>${DateHelper.dataParaTexto(n.data)}<td>
                            <td>${n.quantidade}<td>
                            <td>${n.valor}<td>
                            <td>${n.volume}<td>
                        </tr>
                    `
                }).join('')}
            </tbody>

            <tfoot>
            </tfoot>
        </table>
        `
    }

    update(model) {
        this._elemento.innerHTML = this._template(model);
    }
}

Obrigada!