login border focus not the same with border field

[sweetchin23]

hello, i have a problem on my lof-in page, the border when in focus is not the same length as my border field, how can fix it? it looks like this. Thanks in advance

[Dan-From-Ryviu]

Hi @sweetchin23 

Could you share your store link please?

[sweetchin23]

here

[Dan-From-Ryviu]

To solve the issue, please add this code at the bottom of your base.css file.

.customer .field { padding-left: 0px !Important; }
.customer .field input:focus~label { left: 5px !important; }

[sweetchin23]

Thank you! But now it looks like this, I would like to have a space between the border and text.

[sweetchin23]

oh, I edited it now. Thank you so much

[Dan-From-Ryviu · Accepted solution]

Please update code 

.customer .field { padding-left: 0px !important; }
.customer .field input:focus~label { left: 5px !important; }
.customer .field label { padding-left: 16px !important; }

[sweetchin23]

thank you

[Dan-From-Ryviu]

Happy I could help