Несколько способов добавить границу (border) на элементы без смещения их положения:

• Использовать свойство box-sizing: border-box. 1 Оно учтёт отступы (padding) и границы (border) в заданной ширине (width) и высоте (height) элемента и не будет его расширять. 1
• Применить свойство outline. 14 Оно создаёт границу без изменения размера или расположения элемента. 1 Для этого нужно задать свойство outline-offset со знаком минус, чтобы переместить контур границы внутрь элемента. 1
• Добавить невидимую рамку или рамку, совпадающую с цветом фона, а затем менять её параметры при наведении. 4 Тогда никакого смещения элемента происходить не будет, поскольку рамка изначально уже есть. 4