vuetify overflow-y-autoがiphoneのツールバーと被ってしまう

AppBarsComponentがiphoneでみた時にツールバーと被ってしまうことを解決させたい

vuetifyでapp bars componentを利用してサイトを構築してます。
overflow-y-autoを指定してるのですが、これがiphoneのsafariなどで出てくるツールバーを考慮できてなく？ツールバーに要素が被ってしまいます。
これを解決させたいのですが、、表現が難しく伝わってなければ申し訳ないです。
知恵をお借り出来たらと思います。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

vue
1<v-app-bar
2      absolute
3      color="#43a047"
4      dark
5      shrink-on-scroll
6      prominent
7      src="https://picsum.photos/1920/1080?random"
8      fade-img-on-scroll
9      scroll-target="#scrolling-techniques-5"
10      scroll-threshold="500"
11    >
12      <template v-slot:img="{ props }">
13        <v-img
14          v-bind="props"
15          gradient="to top right, rgba(55,236,186,.7), rgba(25,32,72,.7)"
16        ></v-img>
17      </template>
18
19      <v-app-bar-nav-icon></v-app-bar-nav-icon>
20
21      <v-toolbar-title>Title</v-toolbar-title>
22
23      <v-spacer></v-spacer>
24
25      <v-btn icon>
26        <v-icon>mdi-magnify</v-icon>
27      </v-btn>
28
29      <v-btn icon>
30        <v-icon>mdi-heart</v-icon>
31      </v-btn>
32
33      <v-btn icon>
34        <v-icon>mdi-dots-vertical</v-icon>
35      </v-btn>
36    </v-app-bar>
37    <v-sheet
38      id="scrolling-techniques-5"
39      class="overflow-y-auto"
40      max-height="600"
41    >
42      <v-container fluid>
43           <v-content>
44              <router-view />
45           </v-content>
46      </v-container>
47    </v-sheet>