position='right center' is not working?

[sairamrishi]

**Steps to Reproduce

I'm trying to make the position of popup right centre, but it's always coming default . Please
anybody can help. Even if i using the attribute position = "right center".

[layershifter]

Please make a codepen. Examples in docs works as expected.

[levithomason]

<Popup
  trigger={<Icon name='heart' color='red' size='large' circular />}
  content='I am positioned to the right center'
  position='right center'
/>

[sairamrishi]

Thank u levithomason for responding me back. Actually it's working in Codepen. But in my project on the default top-left position is coming even if i use the position = 'right center'. But the styles are there for
'right center'

[levithomason]

I am not sure if you are still having an issue. If you are, I will try to take a look if you post your code here or, even better, in a codepen.

[JuanOtavaloMaigua]

In v2 you can use this format:<Popup popperModifiers={{ preventOverflow: { padding: 0 } }} /> or this if you want to move at top or right: popperModifiers={{ preventOverflow: { padding: {top: -100, right: -90}} }}. You can find more modifications here: https://popper.js.org/docs/v2/utils/detect-overflow/#padding