Overriding @apply

When defining a custom Tailwind class with the @apply directive, it will have a higher specificity than the inline tailwind utilities.

There are 2 ways to avoid this:

  1. import the @import "tailwind/utilities" after the custom code.
  2. set important: true in the tailwind config1, this will add important to all tailwind utilities.