Cheguei na mesma resolução com menos código
.menu__lista{
flex-direction: column;
height: 50%;
}
, Porém, quando ajustada a resolução da tela para algo maior, ela acaba quebrando o layout e ficando estranha, a vantagem é que a barra continua sendo preenchida em 50%
No final acho que é uma questão de escolha, ambos perdem e ganham alguma coisa com isso,
