"rem" sizing of components in recent versions of Atlaskit components is causing rendering issues in older DC products

There seems to be an issue with newer versions of Atlaskit components which employ rem units for sizing when they are used in older DC products, which have different root font-size from Atlaskit “css reset”.

This issue was already raised in community, but no reasonable solution was provided. Author mentions toggle component, we are also seeing issues with odd sizing of button component, and other components may be also affected.

Is there any reasonable workaround for this issue, or maybe it may be addressed in upcoming Atlaskit updates? It should make sense to use overridable css variable with fallback to rem instead of the hardcoded value.

This is the main reason why we use iframes for our content in DC

1 Like