Weird toolbar behavior with large bim-tab names

[pstowasser01]

Describe the bug 📝

When I'm using the "new" bim-tabs with larger tab names, the buttons inside the toolbar are not centered anymore.
The toolbar just uses the width of the "switcher" element and still has all rounded corners, resulting in a weird gab between elements

Scenario: if toolbar is larger than the "switcher" element:

And if the toolbar (content of toolbar) is smaller than the "switcher" element:

Reproduction ▶️

No response

Steps to reproduce 🔢

Create a new toolbar or change the label of an existing toolbar to exceed the width of the toolbar content

System Info 💻

"@thatopen/components": "^2.3.19",
"@thatopen/components-front": "^2.3.14",
"@thatopen/fragments": "^2.3.0",
"@thatopen/ui": "^2.3.2",
"@thatopen/ui-obc": "^2.3.5",

Is also testable in the template repo with ~2.2.0 versions

Used Package Manager 📦

npm

Error Trace/Logs 📃

No response

Validations ✅

• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a repository issue and not a framework-specific issue. For example, if it's a THREE.js related bug, it should likely be reported to mrdoob/threejs instead.
• Check that this is a concrete bug. For Q&A join our Community.
• The provided reproduction is a minimal reproducible example of the bug.