[Duda] Tecla queda presionada (En color Rojo) al presionar TAB

Buenas tardes a todos!!! Mi código ese el siguiente:

function playSonido (idElementoAudio) {
    document.querySelector(idElementoAudio).play();
}

const listaDeTeclas = document.querySelectorAll('.tecla');


for(let contador = 0; contador < listaDeTeclas.length; contador++){
    const tecla = listaDeTeclas[contador];
    const instrumento = tecla.classList[1];
    console.log(contador);
    const idAudio = #sonido_${instrumento};
    console.log(idAudio);

    tecla.onclick = function(){
        playSonido(idAudio);
    };

    tecla.onkeydown = function(){
        tecla.classList.add('activa');
    }

    tecla.onkeyup = function(){
        tecla.classList.remove('activa');
    }
}

Al presionar ENTER o TECLA ESPACIADORA la tecla de alura midi se pone de color rojo y luego vuelve a su color original, cuando presiono TAB hace la tabulación y cambia a la tecla siguiente sin problemas pero queda en rojo.

Habrá algun evento que pueda utilizar para solucionarlo?

Desde ya gracias!!