Distance property doesn't work

[kpoddubnyi]

Hey,

Thank you for this library. Great work! I'm trying to configure tippy in my storybook right now and it seems that distance property doesn't make any changes.

Here is the code which I use:

import * as React from 'react';
import { Tooltip as Tippy } from 'react-tippy';

export class Tooltip extends React.Component {
  public render() {
    const { children } = this.props;

    return (
      <Tippy
        position="top"
        distance="50"
      >
        {children}
      </Tippy>
    );
  }
}

Am I doing something wrong?

UPD: distance={10} also doesn't seem to work

[KubaJastrz]

I think this is a bug. You can add following css rule to apply distance to each side as a workaround for now.

.tippy-tooltip {
    margin: 50px;
}

[johnsoncheg]

@tvkhoa I reproduced this bug too. I'll appreciate if u could take time to solve it