[Bug Report] Strange animation when focusing outlined v-text-field without label

[Mikilll94]

Environment

Vuetify Version: 2.3.10
Vue Version: 2.6.12
Browsers: Chrome 85.0.4183.102
OS: Mac OS 10.15.6

Steps to reproduce

When you have an outlined v-text-field without label, the focus animation looks strange.

As you can see, at the beginning the text has lean blue border. Then after a moment it transtions to thick blue border. This looks good when the text field has floating label but without floating label the focus animation looks bad.

You can easily check easily this behavior this in the docs:
https://vuetifyjs.com/en/components/text-fields/#text-fields

Expected Behavior

The focus animation for outlined field without label should look fine.

Actual Behavior

The focus animation for outlined field without label looks bad.

Reproduction Link

https://codepen.io/mikilll94/pen/bGpmgJV