Toggle labels display on 2 lines when too long

[cdouine39]

[Toggle labels]: When labels are long, they get displayed on 2 lines

What package(s) are you using?

Detailed description

Describe in detail the issue you're having.

When i use a toggle with long labels, they appear on 2 lines while there is a lot of space to display them on 1 line :

Is this issue related to a specific component?

Yes, Toggle component

What did you expect to happen? What happened instead? What would you like to
see changed?

I would expect the label to be displayed on 1 line like this :

What browser are you working in?

Chrome 80

Please create a reduced test case in CodeSandbox
https://codesandbox.io/s/carbon-components-react-qojzy

[emyarod]

it looks like your dependencies are out of date and this is a fixed issue in newer package versions (ref #5392 #5393)

the workaround for you would be to add this to your stylesheet:

.bx--toggle__text--left,
.bx--toggle__text--right {
  white-space: nowrap;
}