Material UI theme not rendering toolbar buttons correctly

Not sure when this happened, but somewhere on the road to 2.0 final release, the rendering of toolbar buttons with Material UI got messed up.

With Material UI:

With iOS:

Anyone have any idea why the toolbar buttons aren’t vertically centered in the Material toolbar?

Thanks,

Scott

Fran Diox

@sherscher Did you update the CSS files?

I did. It’s strange. I see the online demo and it’s working fine. Not sure why all of a sudden our codebase is rendering incorrectly for the Material UI them.

Any place I should look to figure this one out?

Thanks,

Scott

Figured it out. During a mad rush to get things rendering correctly on IE, this was inadvertently added to our index.html

<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

That caused the rendering problem with Material UI. I’m not enough of a web guy to understand why only Material UI was affected, but replacing it with:

<!doctype html>

fixed the problem.