Meu ícones da barra lateral ficaram muito grandes, assim que utilizei:
.lista-links li a img {
width: 40px;
}
Eles ficaram desalinhados, caso isso ocorra com alguém, sugiro que adicione um align-items:
.lista-links li a {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
text-decoration: none;
color: var(--secondary-color);
font-size: 22px;
}
Assim a sua barra lateral ficará mais próxima do figma: