Hi
@huwred, this can be tricky. The main point of Web Components using the Shadow-DOM (As in this case, and with any web component in Backoffice, see '#shadow-root') is that it encapsulates the implementation. Leaving you with no options to tinker with it. Which is a good thing from a maintenance perspective. Clear separation of concern, so much better code, we will take care of our things and you will not be able to alter it, if you where we would be back at some of the most common problems of v.13 and previous, which meant that hacks like these could break when we made a change to some code that we thought no one would be touching. But that also leaves you with fewer options, compared to classic web development, where you could hack everything.
But you are a lucky person, cause CSS has a few properties that inherits, and CSS properties that inherits, does inherit through the Shadow DOM, and
white-space
is one of them, so set
white-space: nowrap
for the scope of your interest 🙂
But I do think you could also have solved this by setting a min-width on the container, cause preventing line breaks is not the prettiest choice seen with general eyes, but it makes sense in this case of a very short label.