No se muestra el mensaje de error dentro del span del index.html

Modifique el link de donde traemos a los pacientes para que de error en la sentencia if, y vaya por el camino del else. En consola me muestra el mensaje de error 404. Pero no aparece en mensaje dentro del span.

var botonBuscar = document.querySelector("#buscar-paciente");

botonBuscar.addEventListener("click", function () {
  var xhr = new XMLHttpRequest();
  xhr.open(
    "GET",
    "https://alura-es-cursos.github.io/api-paci1111entes/pacientes.json"
  );
  xhr.addEventListener("load", function () {
      if (xhr.status == 200) {
      var errorAjax = document.querySelector("#error-ajax");
      errorAjax.classList.add("invisible");
      var respuesta = xhr.responseText;
      var pacientes = JSON.parse(respuesta);
      pacientes.forEach((paciente) => {
        adiocionarPacienteEnLaTabla(paciente);
        console.log(paciente);
      });
    } else {
      errorAjax.classList.remove("invisible");
      console.log(xhr.status);
      console.log(xhr.responseText);
    }
  });
  xhr.send();
});