[Bug Report] V-Data-Table heading text vertical alignment glitch with sort arrows.

[jaunt]

Environment

Vuetify Version: 2.2.21
Vue Version: 2.6.11
Browsers: Chrome 80.0.3987.163
OS: Mac OS 10.13.6

Steps to reproduce

Note the table headings are not aligned vertically. Also, if the table is resized horizontally, the header text items can seem to jump up and down (remove the max-width constraint in the codepen to experiment).

Expected Behavior

Header items should be aligned vertically.

Actual Behavior

They seem to randomly move up or down.

Reproduction Link

https://codepen.io/jauntcode/pen/jObbvaR

Other comments

On discord, dhonx suggested this workaround which seems to work great:

.v-data-table .v-data-table-header__icon.v-icon {
position: absolute;
}

[jacekkarczmarczyk]

Duplicate of #10164