After upgrading a project from Bootstrap 4 to 5, I encountered a tooltip issue. The tooltips were perfectly positioned on the component when using left, right, or bottom placements, but they appeared too high when using top placement.
Interestingly, the tooltip placement changed only for the 'top' position when my navbar switched to phone mode, while the others remained unaffected.
I tried adjusting the footer size to fix the tooltip positioning issue, but it led to the tooltip appearing too high again when the navbar switched to phone mode.
To address this, I decided to remove the "position: absolute" property from the footer component.