v-menu location position is always wrong

[silphonix]

Hi, i'm trying to use a v-avatar + v-menu combo. I have a v-app-bar in which i have a logo, a v-spacer, then the v-menu. Due to the v-spacer, the v-avatar is pushed to the right side (which is what i want), however the menu always opens to the bottom right, ignoring the location attributes. How can i solve this ?

vuetify version: v3.0.0-beta.2

<v-app-bar class="navbar" elevation="0" app>
     <button class="navbar-back-button" @click="goHome">
        <v-img
          id="home-link"
          class="project-logo logo pointer"
          src="../../.."
        />
        </div>
      </button>
    <v-spacer></v-spacer>
    <v-menu v-model="menu" class="menu-test" location="start">
      <template v-slot:activator="{ props }">
        <v-btn icon >
          <v-avatar v-bind="props" color="brown" size="large">
            <span class="white--text text-h5">{{ user.initials }}</span>
          </v-avatar>
        </v-btn>
      </template>
      <v-card>
        <v-card-text>
          <div class="mx-auto text-center">
            <v-avatar color="brown">
              <span class="white--text text-h5">{{ user.initials }}</span>
            </v-avatar>
            <h3>{{ user.fullName }}</h3>
            <v-divider class="my-3"></v-divider>
            <v-btn @click="() => logOut()"> Disconnect </v-btn>
          </div>
        </v-card-text>
      </v-card>
    </v-menu>
  </v-app-bar>

[arturXXXxasanov2009]

Hi, Did you manage to solve this problem? After so much time, I also encountered it