Altura: 100% não está definido corretamente no elemento do rótulo

Você encontrou um problema ao definir altura: 100%; no seu elemento de rótulo não parece ter efeito. Para entender o porquê, precisamos examinar o contexto dessa configuração.

Quando você define a altura como 100%, ela se refere à altura do contêiner pai do elemento. No seu caso, o pai é o elemento .field. Porém, se .field não tiver uma altura definida, o navegador não terá um ponto de referência para 100%.

Para resolver isso, certifique-se de que o elemento pai (.field) tenha uma altura definida. Ao definir uma altura específica para .field, você fornece um contexto para a altura do elemento rótulo: 100%; configuração para calcular adequadamente.