Font resize on hover is moving

I’m trying to do a dynamic list of ‘latest resources’ on my ‘Resources template’ page. On hover I want to increase the font size. This works but as the text is getting bigger it moves everything below it. Is there anyway I can stop this happening?

I’ve managed to do it in my blog top pics but I can’t remember for the life of me how I did it. I’ve looked at all the settings and I can’t see what is different! I’m about to through my laptop out the window! To save my new mac I would appreciate any suggestions!


Here is my site Read-Only: [LINK][1]
([how to share your site Read-Only link][2])

[1]: http:// https://preview.webflow.com/preview/futurex?utm_medium=preview_link&utm_source=designer&utm_content=futurex&preview=871bc5a714a7fcdb7c4b55501a062802&pageId=603ce0b3e1dc52609bc867f9&itemId=60dc4c09d95aa3952a11fd6a&workflow=preview
[2]: Share a read-only link | Webflow University

The only difference I can see is you have set a larger text size on the hover state on the working example. There is also more space between the divider lines and there is much less text on the working example. It seems to me that if you increase the spacing and add the higher text size on hover state it would make it work the same and if it doesn’t appear to work the same it may simply be down to the fact that there is much more text on the page that doesn’t seem to work, which causes a larger shift in motion, giving the illusion that it is behaving differently.