How to prevent entire text block from lifting on hover?

I was wondering if there’s a way to prevent the entire block of text to slightly lift when I mouse over a hover, here’s a video showing what’s happening…

I think it’s because the addition of a border on hover adds some height to the element, thus causing the vertical offset

One way to fix the design is to make the bottom border present on non-hover as well, just not visible (e.g. transparent)