Long labels are not split and dialogs look messy

Steps to reproduce

1.  Modify one existing component to add a very long field label like: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum"
2.  Open the component dialog

Expected results

Long label is split and shown in different lines so the dialogs looks correctly

Actual results

The label is shown in one line and the dialog looks messy

 

Workaround

In some cases, shortening labels is an option; unfortunately, it is not.

Solution 

• The label should be short, and we limit characters to 25 
  • Add ... when text goes above this number of characters
• When the text to be applied is long - use the tooltip instead