Can i use em within vaadin components

in the body section i have defined the following:

body {
font-size: 100% !important;

and in a style for a header label:

.applicationTitle {
font-size: 2em !important;

if i use fixed pixel like 32px the header is ok. but if i use em the header isn’t visible.

thank you!

Because of how IE interprets the HTML5 doctype and in certain cases adds some extra space that cannot be eliminated reasonably otherwise, font-size is 0 in most parts of Vaadin layout hierarchy and only set to other values where text is present. A lot of effort was spent trying to find alternative solutions but no satisfactory alternative was found.

Unfortunately, this means “em” and other font based units cannot be used as a size unit for components nor in certain other locations.

ok, thanx