Modals with button triggers break styling under a button group

[dylnslck]

For example:

<ButtonGroup>
  <Modal>
    <Trigger>
      <Button color="primary">Basic modal</Button>
    </Trigger>
    <Content>
      <BasicModal title="Basic Modal">
        <p>this is a basic modal</p>
        <Tooltip text="A tooltip man!" attachment="bottom center">
          <Trigger>
            <Button>Tooltip</Button>
          </Trigger>
          <Content>
            <div>i am a tooltip</div>
          </Content>
        </Tooltip>
      </BasicModal>
    </Content>
  </Modal>
  <Modal>
    <Trigger>
      <Button color="primary">Confirm modal</Button>
    </Trigger>
    <Content>
      <ConfirmModal
        title="Are you sure you want to do this?"
        onConfirm={onConfirm}
      />
    </Content>
  </Modal>
</ButtonGroup>

The button borders are breaking because Modal inserts a span tag around button elements.