[Bubble-hint] More than one word hint overlapped the slider control

Reproduce:

Using Existing content type: Basic Page.

1) Goto: Home / Administration / Structure / Content types / Basic page / Manage Fields

Add custom field: Field type - Number (Integer)

2) Goto: Home / Administration / Structure / Content types / Basic page / Manage form display

Change field widget to be slider ui field widget

2.1) Adjust widget settings: Display bubble/hint - checked

2.2) Change: Display bubble/hint format -

[%{value}% value]

Expected result: Buble hint should be in one row. (consider for both horizontal and vertical slider orientation)