[Text Field] Text overflows textfield compounds

[OriginLive]

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

With a long label, the text field overflows out of the bounds.
Also for some reason the theme provider is overriding the label even though there's no theme parent.

Expected Behavior 🤔

The text should stay in or under the outlined input.
(as with overflow: hidden)

Steps to Reproduce 🕹

https://codesandbox.io/s/dazzling-burnell-484sc

Steps:

1. Make a textbox
2. Put in a long label
3. ????
4. Profit

Context 🔦

We have an issue where on mobile devices the text is too large and sticks out of the margins.
Here's an example

Your Environment 🌎

What we are using:

Tech	Version
Material-UI	4.9.5
React	^16.13.0
Browser	Chrome
TypeScript	~3.8.3

although the issues is present as seen in the sandbox above

[oliviertassinari]

Duplicate of #12255