Center AppLayout Navbar Tabs

Hello all!
I was trying to create a page with an AppLayout. When I was going through the documentation, one of the examples had a Navbar with the title on the left and the Tabs centered (see picture).

When I copy the code, the tabs are not centered, but rather placed behind the title on the left. I guess there was some styling going on in the background that is not included in the documentation.

Can someone tell me how to achieve the same result as in the documentation example?
https://vaadin.com/docs/latest/components/app-layout
image.png

I managed to find it (I did not know you could expand the code inside the documentation :p)

for everyone else interested: just add the following to the tabs

tabs.getStyle().set("margin", "auto");

another css-less way to do the same thing is to wrap the Tabs in a HorizonalLayout and set the justification to center on that