Using CSS Transition with Left Property Doesn't Transition Smoothly

Question

I\'m building a sliding button feature in my website. Basically when I click on an icon, a rectangle slides over the icon. Here\'s what I\'m doing.

JS