Vuetify vertical align v-select?

Question

I'm building an application that uses Vuetify. I use Google Contacts pre-made layout from Vuetify: https://vuetifyjs.com/en/examples/layouts/google-contacts/

I'm been trying to add a switch languages flag (using v-select) in the v-app-bar next to the search form. However, I can't make it aligns vertically.

Does anyone have an idea?

Answer 1

Use hide-details="auto" in v-select component

Example:

<v-select v-model="language" :items="i18n.availableLocales" hide-details="auto" >
</v-select>