[Bug Report] Misaligned outlined text field label when reversed

[chaptergy]

Environment

Vuetify Version: 2.4.3
Vue Version: 2.6.11
Browsers: Firefox 85.0
OS: Linux

Steps to reproduce

Create a vuetify text field and add the outlined and reverse property to it.

Expected Behavior

The label and gap for the label will be on the right

Actual Behavior

While the label is on the right, the gap remains on the left side

Reproduction Link

https://codesandbox.io/s/quiet-hooks-w51w0

[dchinu97]

@KaelWD @MajesticPotatoe Seems like an interesting issue to work on, can you please assign it to me?
I think just assigning align= reverse ? "right" : "left" to legend should solve the Issue

[KaelWD]

Duplicate of #10798

You're missing <v-app>