fix border layout on hover

help me solving this out i had a flex container and the buttons as the flex items i had applied padding on that it is fine for now , i had gave the styles on the hovering where the border change to 2px , now my problem is when i start hovering due to increase of the border to 2px it readjusting the width of the element for this i applied the box-sizing to border box but the issue still persists
here is my codepen link https://codepen.io/GOPI-CHAND-SADINENI/pen/NWQqKyB
Was this page helpful?