Issues with Next/Tailwind project.

[ozamamurzleen]

We are trying to use the editor in app. BUT its overriding all our styles. Can you suggest what can we do to avoid conflicting with our styles?

[sbusso]

Just trying to integrate the Novel package in a Next app and I have the same issue here. It looks like prefix styles are not preventing main styles from being overridden. related to #201 #202 #203

[ozamamurzleen]

@sbusso Yes. Thanks having same issues.

[Ankur-Datta-4]

I'm still facing this issue. Is it sorted>?

[justinkook]

Not yet sorted. I'm still having issues with the styles being overwritten.

[josealvarez97]

@justinkook Did you come with an effective workaround? Whenever I import a component using novel into another component, I get my styles from globals.css (not tailwind) overwritten, e..g, default color of a tags

** Update:

Increasing the specificity of my a tag in globals.css seemed to have been a temporary effective workaround.

/* Gets overridden whenever I import a component using Novel into another component*/
a {
  color: #4682b4;
}

/* Does not get overridden */
html a {
  color: #4682b4;
}