BUG: Actions sheet styling not applied

Questions
1

I’ve installed a react application via ‘framework7 create’ with either scss or css. I paste in the kitchen sink code as it for one of the action sheets:

const AboutPage = () => (
  <Page>
    <Button fill actionsOpen="#actions-two-groups">
            Two groups
          </Button>
    <Actions id="actions-two-groups">
        <ActionsGroup>
          <ActionsLabel>Do something</ActionsLabel>
          <ActionsButton strong>Button 1</ActionsButton>
          <ActionsButton>Button 2</ActionsButton>
          <ActionsButton color="red">Cancel</ActionsButton>
        </ActionsGroup>
      </Actions>

  </Page>
);
export default AboutPage;

Styling looks like this:
Untitled

instead of what is displayed on Kitchen sink:

Untitled2
Untitled2360×756 24.3 KB

When I inspect the css I cannot see a difference. Any help would be apprciated.

UPDATE: I installed F7 core and pasted in a page as per Action Sheet | Framework7 Documentation and the styles also do not display correctly. I have to conclude this is a bug.

2

theme => md

theme => aurora