How to fix bug with rounding and transform in chrome?

Question

MySQL

I created a tile with 5px rounding and overflow:hodden. Everything works well, but for the time being.
In chrome/opera, when hovering, the rounding disappears, then it appears again, how to fix it?
Here is my pen

Answer 1

Not - border:#f0db4f; , and border-color:#f0db4f;

&:hover{
      color:#fff;
      border-color:#f0db4f;
      // font-size:18px;
}