Keeping shape as wide as text element

I have a pretty simple symbol that represents a tabbed navigation element.

In the screenshot, Environments is the ‘active’ element. I want the purple rule underneath it to expand or contract with the label.

Is this possible using some additional layout/grouping within the symbol? Grouping and setting their layout to Horizontal L → R is not doing it… not sure if its possible

1 Like

Hey Stuart. :wave:
Sure, that’s easy to do. It’s the default behaviour when setting up a Smart Layout symbol. One click on the Smart Layout button, and that’s it. No additional grouping or anything required.
I’ve attached a demo example doc which you can have a look at.
Let me know if you have any questions.

smart-nav-bar.sketch (19.9 KB)