Bootstrap 4 Tooltip going out of the div

Question

While hovering on an anchor tag containing the tooltip attributes, the tooltip is position far away from the anchor tag.

Also on opening inspect element it goes too far.

<a class="btn btn-secondary" data-toggle="tooltip" data-placement="top" data-title="Shortlist" title="shortlist"><i class="far fa-thumbs-up"></i></a>

Attaching the screenshot.

Stuck in it from a long time now. Tried positioning of parent div but nothing works.

Answer 1

Got the Problem.

html, body { height : 100% }

When i removed the height 100%, it worked as expected.

I feel sorry for the people who downvoted the question, without even looking at it.

Stay blessed!