Vuetifyで表示したツールチップの表示位置変更

Question

Vuetifyでツールチップを表示させ、その表示位置を変更しようとしています。
上下左右は公式サイトに記載があったので変更できたのですが、ボタンとツールチップ の並びを中央揃えではなく左揃えにしたいのですが方法を見つけられませんでした。
CSSでtopとleftの値をいじって無理やりやろうとするとボタンが複数個あった場合に表示位置がバラバラになってしまいます。
どうすれば左揃えにできるのでしょうか？

<div id="app">
  <v-app id="inspire">
    <div class="text-center d-flex align-center justify-space-around">
      <v-tooltip bottom>
        <template v-slot:activator="{ on, attrs }">
          <v-btn
            color="primary"
            v-bind="attrs"
            v-on="on"
          >
            ぼたん
          </v-btn>
        </template>
        <span>表示されるつーるちっぷ</span>
      </v-tooltip>
    </div>
  </v-app>
</div>

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
})

Answer 1

v-tooltipにnudge-rightを追加したら出来ました。