Tab Index Breaking CSS

Hello, after I started changing the tab index on some controls, the custom CSS style I had applied to these controls is broken.

I have attached some images,

img1: when page first loads, you can notice the email box is slightly rounded at the left side, no roundness on the right, Then the password box is rounded on the left and not on the right.

img2: if I move the actual browser window, you can see the CSS fixes itself and is how it’s supposed to be.

img3: another page I have with the same issue after messing with the tab indexes.

This is the style I have applied in CssStyle property: border-radius: 10px;