Environment Information

• Package version(s): 7.28.0
• Browser and OS versions: all browser

Please provide a reproduction of the bug in a codepen:

https://codepen.io/ssarapu/pen/xxwpXEG?editors=0010

Actual behavior:

when we provide overflow:hidden on the label of the button, the text is getting choped off

Expected behavior:

when we provide overflow:hidden on the label of the button, the text should't get choped off

Priorities and help requested:

Are you willing to submit a PR to fix? No

Requested priority: (Normal)

Products/sites affected: office 365 site

overflow:hidden property is useful to hide when button text is large and not fitting in the button.
this property can also be used in conjunction with text-overflow and whit-space to make .... at the end of text is large. button width is fixed.

i argue that this is happening due to lineHegiht:'100%',

we should not provide line-height to the label of the button, because height depends on the font-size. removing line-height would solve the problem