[Vuetify NavDrawer] Setting mini-variant paired with expand-on-hover from false to true does not resize v-app-bar and v-main

App.vue

<template>
  <v-app app>
    <v-app-bar app>
      <v-app-bar-title>Title</v-app-bar-title>
    </v-app-bar>
    <v-navigation-drawer
      v-model="showDrawer"
      app
      :expand-on-hover="miniVariant"
      :mini-variant="miniVariant"
      color="purple"
    >
      <v-list-item>
        <v-checkbox v-model="miniVariant" color="white" />
      </v-list-item>
    </v-navigation-drawer>
    <v-main> </v-main>
  </v-app>
</template>
<script>
export default {
  data() {
    return {
      showDrawer: true,
      miniVariant: true,
    };
  },
};
</script>