Currently, when clicking on help icon, the popover popup always show at the right side of the icon no matter where the element is, sometime, the element is too close to header, footer or the edge of the browser that cut off the dialog's content.

So I think this dialog should aware of it position react to user scroll event, normally it's will display at the right side like it is now, when user scroll, it will react and change position to top or bottom, also this can be achieve by just adding a Bootstrap parameter.

I've attached the result after adding new parameter (placement: 'auto').