Comportamento ao adicionar um paciente na tabela

Olá, quando eu aperto em adicionar um paciente ele é adicionado ao lado da tabela ao invés de em baixo. Segue o link para ver : https://prnt.sc/vcsgnk

// form.js

var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function(event){  
    event.preventDefault();                   

    var form = document.querySelector("#form-adiciona");
    var nome = form.nome.value;        
    var peso = form.peso.value;
    var altura = form.altura.value;
    var gordura = form.gordura.value;

    var pacienteTr = document.createElement("tr");
    var nomeTd = document.createElement("td");
    var pesoTd = document.createElement("td");
    var alturaTd = document.createElement("td");
    var gorduraTd = document.createElement("td");
    var imcTd = document.createElement("td");

    nomeTd.textContent = nome;
    pesoTd.textContent = peso;
    alturaTd.textContent = altura;
    gorduraTd.textContent = gordura;
    imcTd.textContent = calculaImc(peso,altura);

    paciente.appendChild (nomeTd);        
    paciente.appendChild (pesoTd);
    paciente.appendChild (alturaTd);
    paciente.appendChild (gorduraTd);
    paciente.appendChild (imcTd);


    var tabela = document.querySelector("#tabela-pacientes");

    tabela.appendChild(pacienteTr);

})

O que eu devo fazer para que o paciente seja adicionado em baixo?