Tailwind 4 Margins Not Applying Without !important – Expected Behavior?

[gitere001]

I'm using the new Tailwind CSS 4 setup with Vite, which doesn't require a tailwind.config.js file. However, I'm noticing that margin classes (m-4, mt-2, etc.) are not applying unless I use !m-4. Other Tailwind classes, like padding and background colors, work fine. I've already removed margin: 0; from my global styles and ensured Tailwind's imports are correct. Could there be something in the new setup that's preventing margins from applying properly?

[wongjn]

Consider providing a git repo that reproduces the unexpected behavior. Though I've often seen this behavior happen because of some rule in the CSS like:

* {
  margin: 0;
  …
}

[gitere001]

Hi thanks i tryed adding these and it worked as expected
@import "tailwindcss";

@layer base {
*,
*::before,
*::after {
box-sizing: border-box;
}

• {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }
  }

[Koffer0-0]

I have same issue, but it doesn't helped

[wongjn]

Consider providing a git repo that reproduces the unexpected behavior and we can then take a look.