Tabs/Tab - missing padding between Tab Control & Tab Content

Question on Tabs, there previously was padding between the tab bar and the tab content. Do we now need to use the Styles API to inject some padding, or is the below a bug.

No padding at all - which is strange because even in the docs there is padding. See the highlighted text butts up against the outline tab bar. This is happening across all the tabs in my app (using mix of default and outline variants).

My App (seems broken):

Mantin Docs (works correctly!):

The immediate child inside the <Tab> is a <form> - but not sure why that would make a difference. Other tabs which are affected have <Text> or vanilla <div> as the immediate children.

Code for my screenshot:

<div style={{ position: 'relative' }}>
  <LoadingOverlay visible={loading} />
  <Tabs variant="outline">
    <Tab
      disabled={disableTabs}
      icon={<FontAwesomeIcon icon={faAddressCard} />}
      label="Profile"
    >
      <form>...</form>
    </Tab>
  </Tabs>
</div>

[rtivital]

Yes, that’s changed in 2.0.0, I forgot to put it in changelog, anyway I’ll add tabPadding prop and it will be the same as in 1.3 by default

[rtivital]

Resolved with #135