Centering Tabs in AppLayout

Hi all,

when I add Tabs to my AppLayout’s navbar, they show left justified. In Bakery example, they are centered, but I cannot figure out what’s different.

What does Bakery example to center Tabs?



   vaadin-app-layout vaadin-tab {
      font-size: var(--lumo-font-size-xs);
      padding-left: .75em;
      padding-right: .75em;

The CSS for the tabs is in styles/shared-styles.js which gets included in the LoginView.