I am having trouble getting the class cursor-pointer to work in Vue3 with Vuetify, I tried using it according to the Vuetify documentation.

It is a big project in a company and everything basic is set up and working as it should. I have tried something simple such as <span class="cursor-pointer">Test</span>. The class shows up in the html element in inspect but it shows nothing down in the styles/computed area.

I tried with <span class="text-right"></span> just to see if Vuetify works in the component and it does work just fine.

If it helps, here is the entire component and I have tried to put the class on every level of the DOM but nothing works:

<template>
  <v-menu>
    <template v-slot:activator="{ props }">
      <span v-bind="props" class="cursor-pointer">
        <v-icon size="x-large">mdi-account-outline</v-icon>
        <span>{{ accountName }}</span>
      </span>
    </template>
  </v-menu>
</template>