Tremor CSS overwrites default Tailwind CSS

[liamseys]

Hi community,

I gave Tremor a first look but it looks when I import the CSS file it overwrites some other styling of my application (Fonts for example). Is there a way to fix this or am I doing anything wrong?

[mitrotasios]

Hey @liamseys would you mind sharing a sandbox or a more detailed screenshot that shows which styles are exactly overwritten? It isn't that clear to me from that screenshot :)

[liamseys]

Notice how the fonts are thicker when I've imported Tremor's styling? The screenshot in my first post is when Tremor is loaded.

[mitrotasios]

sorry, I didn't have time to look into this yet Would you be able to provide a minimal reproducible example of your code by any chance? :)

[liamseys]

I've got it fixed, I was importing the CSS after importing TailwindCSS. Thats why some stuff got overwritten. Sorry for the inconvenience!

[mitrotasios]

awesome, don't worry, happy to help! This CSS specificity issue is a bit annoying, we'll try to get it fixed in our v2 hopefully 🙏