Bootstrap 4 Tooltip走出div

Question

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

LINK - https://ewomenco.herokuapp.com/project/project-title/applicants

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!