Tooltip Buttons Inside of Button Groups have Incorrect margin

[mulholo]

Environment

• Package version(s): 3.6.0
• Browser and OS versions: Chrome 70.0.3538.110 (Official Build) (64-bit), MacOS 10.14.1

Steps to reproduce

1. Put 2 buttons side by side in a button group
2. Place a Tooltip around the second button

This is the code that is the causing the error:

<ButtonGroup>
  <AnchorButton
    text={'View All Users'}
    href={'wow'}
  />
  <Tooltip
    content={'Undo this import'}
  >
    <Button
      text={'Roll Back'}
      onClick={() => alert('implement roll back')}
      intent={Intent.DANGER}
    />
  </Tooltip>
</ButtonGroup>

Actual behavior

• Margin is off on bottom edge:

---

Expected behavior

Possible solution

• CSS tweaks

[giladgray]

@mulholio please upgrade to 3.10.0. I cannot reproduce this issue: https://codesandbox.io/s/q96r8ov9xw (see CoreExample.tsx)

[giladgray]

do you perhaps have an errant CSS rule in your app (like a lingering :last-child) that is interfering here?