Hidden Tab in Tabsheet lets surrounding tabs stick to each other

Vaadin 6 / 7 / 8 Framework UI
1

If I hide one tab inside a TabSheet the space between the surrounding tabs is less than between two normal tabs.
We would consider this a cosmetic issue - or is there a reasoning. e.g. should it be visible that a tab was hidden ?

Created with the code from the TabSheet sampler.
https://vaadin.com/docs/-/part/framework/layout/layout-tabsheet.html

Sample code:

[code]
final VerticalLayout outerlayout = new VerticalLayout();
outerlayout.addComponent(new Label("Tabsheet Hidden Tab Test with Vaadin Version: " +
com.vaadin.shared.Version.getFullVersion()));

    TabSheet sample = new TabSheet();
    sample.setHeight(100.0f, Unit.PERCENTAGE);
    sample.addStyleName(ValoTheme.TABSHEET_FRAMED);
    sample.addStyleName(ValoTheme.TABSHEET_PADDED_TABBAR);

    for (int i = 1; i < 8; i++) {
        final Label label = new Label("The 5th tab is hidden.", ContentMode.HTML);
        label.setWidth(100.0f, Unit.PERCENTAGE);

        final VerticalLayout layout = new VerticalLayout(label);
        layout.setMargin(true);
        
        Tab currTab = sample.addTab(layout, "Tab " + i);
        
        if (i == 5) { // hide the 5th tab
          currTab.setVisible(false);
        }
    }
    
    outerlayout.addComponent(sample);
    outerlayout.setMargin(true);
    outerlayout.setSpacing(true);
    
    setContent(outerlayout);

[/code]
Created an Issue on GitHub: https://github.com/vaadin/framework/issues/10437

31917.jpg