[Range Slider]: Tooltip overlap when 2 points are close to each other

[sathvikc]

Hi,

When using Range Component with createSliderWithTooltip and below props. Tooltip is overlapped when close to each other. Tried the align prop but it is not working as expected. How should I add offset to left value and right value separately?

Tip Props:

tipProps={{
  overlayClassName: classes.rangeSliderTooltip,
  defaultVisible: true,
  visible: true,
  placement: 'top',
  destroyTooltipOnHide: false,
  // align: {
  //   offset: [10, 20]
  // }
}}