Solucionado
acabei brincando um pouco com o código e percebi que com align-items: center; o conteúdo fica centralizado, mas esse comportamento não acontece quando tentei alinhar viavertical-align: middle;, se trata de alguma limitação exclusiva desse tipo de display?
Então, eu acho porque o proprio display: flex utilizando a declaração align-items e justify-content já resolve todo o seu problema, é igual vc usar justify-content e tentar colocar o texto na esquerda ele não vai por conta do display flex.
tem esse site é bom da uma olhada:
https://developer.mozilla.org/pt-BR/docs/Web/CSS/vertical-align