NuxtUI overriding shadcn-vue styling

I'm tryng to use shadcn-vue with NuxtUI and the NuxtUI styling is overriding the shadcn-vue styling but doing it poorly. The shadcn-vue button should be red with white text. If I remove @nuxt-ui from nuxt.config.ts modules, I get the correct styling. Is it possible to get these to work together?

Stackblitz: https://stackblitz.com/edit/github-jtnbzv?file=app.vue
Nuxt_-_Starter_-_StackBlitz.png
Nuxt_-_Starter_-_StackBlitz.png
StackBlitzJosh Daws
Create a new Nuxt project, module, layer or start from a theme with our collection of starters.
Was this page helpful?