specificity order tailwind classes in combination with normalize

[codagonist]

Hi all,

Perhaps I'm missing something here, but noticed that tailwind classes like mt-[16px] are overwritten by a normalize stylesheet. So, lets say I have below DOM element:

<button className="text-white bg-green-500 mt-[16px]">a simple button</button>

Obviously, when the normalize stylesheet doesn't have any button-related styling, this will work fine. However, when this stylesheet does have button-related styling, these classes will be overwritten for some reason.
Now, I could simply remove that bit from the normalize stylesheet or remove that whole stylesheet, but I'm curious: this combination should just work, right?

[codagonist]

After some tinkering around I think I solved the issue here by adding layer(base) to my Normalize import. Not completely sure tis is the best solution, but it looks to solve my issue..