How do I get a "pure" Material 3 login screen to look good. What I don't think looks good is the height on the Text-fields and buttons are not the same, and the filled button have more rounded corners than the text-fields.

Height: According to docs, text-fields should have height of 56 (https://m3.material.io/components/text-fields/specs#1ad2798c-ab41-4f0c-9a97-295ab9b37f33) and buttons should have height of 40 (https://m3.material.io/components/buttons/specs#2cb25ca9-9af2-43af-a7f8-270ab8e06768)

How can I solve these inconsistencies and still adhere to the Material 3 spec?

Login screen Material 3


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Browse other questions tagged or ask your own question.