Why is the button/player breaking into two lines when activated?

The width of the webReader player depends on the content of its text label (e.g. “Listen” or “Listen to the text”) as well as on the state of the player.
When activated, a panel with playback controls is displayed. Please note that the webReader player is designed to show as one single entity, on one single row.
Not giving the player enough space to expand will break the layout and give it a shattered look.
For best results, left-adjust the player in a container/area of at least ~370 px (more space might be needed depending on the text label).