Stop using Material Design text fields
To be honest, <i>Adresse de courrier électronique professionnelle</i> would probably look awkward on any kind of interface that is optimized for <i>Work email address</i>, and vice versa. Is there any shorter equivalent in French? In my native language (with a non-Latin alphabet), we also have a long word for email, so  in localized captions we often just use <i>email</i> or <i>e-mail</i> in English, and nobody has a problem with it.