[Vuejs]-::v-deep .v-autocomplete__content.v-menu__content (Vuetify) doesn't work in a style scoped vue

If you look at where the v-autocomplete__content div exists in your DOM, it is attached to your root v-app component instead of inside your component. To change this functionality Vuetify provides you the attach prop where you can specify that v-autocomplete attach itself to any element you want (your component root for example). That will allow scoped styling to reach your v-autocomplete

<v-container fluid id="auto-complete-container">
  <v-row align="center">
    <v-col cols="4">
      <v-autocomplete
        v-model="value"
        :items="items"
        attach="#auto-complete-container"
      ></v-autocomplete>
    </v-col>
  </v-row>
</v-container>