[Vuejs]-Vuetify: v-text-field does not look like the documentation

The two images look different because your code has the dense prop on v-text-field whereas the example doesn’t. The inner blue rectangle is the "focus outline", you can override it using CSS but you shouldn’t unless you have another style to separate the focused elements from the others (for Accessibility concerns).