How to align height of an element with an VTextField input in v3?

[binaryfunt]

I'm trying to make the height of the element containing the equals sign the same as the height of the v-text-field's input. As you can see below it is not aligned at the moment because the v-text-field has an extra area below the input that increases its height.

In Vuetify v2 this was possible by using the $text-field-filled-full-width-outlined-single-line-slot-min-height SASS variable, but this is gone in v3. I have inspected the CSS and found that the height of the input comes from

.v-input--density-compact {
  --v-input-control-height: 40px;
}

I've tried

.equals {
  @extend .v-input--density-compact;
  height: var(--v-input-control-height);
}

However this results in SassError: The target selector was not found.

[joel-wenzel]

use the hide-details prop on the v-text-field

[binaryfunt]

This works so long as you don't need the details. But what if you have a hint for the input?