vuetify v-tabs стрелки не отображаются

Я использовал пример вкладок с документации https://vuetifyjs.com/en/components/tabs/#pagination. но стрелки не отображаются, хотя нажимаются и работают

<template>
    <v-tabs
        dark
        background-color="teal darken-3"
        show-arrows
    >
        <v-tabs-slider color="teal lighten-3"></v-tabs-slider>

        <v-tab
            v-for="i in 30"
            :key="i"
            :href="'#tab-' + i"
        >
            Item {{ i }}
        </v-tab>
    </v-tabs>
</template>

<script>
    export default {
         
        }
</script>

<style scoped>

</style>