It’s a fact of CSS life that the ‘border’ of any block level element gets factored into it’s final box size for layout. That means that if you add a border on a hover to an element that didn’t already have a border of that exact size, you will cause a layout shift.

Growing Rails Applications in Practice

Check out our e-book. Learn to structure large Ruby on Rails codebases with the tools you already know and love.

Introduce design conventions for controllers and user-facing models
Create a system for growth
Build applications to last

Image Rollover Borders That Do Not Change Layout | CSS-Tricks

Growing Rails Applications in Practice