bug: dividers have a default margin-inline that can't be overridden

[adamhl8]

What version of daisyUI are you using?

5.0.0-beta.2

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://play.tailwindcss.com/3hoG7uvDOI

Describe your issue

Starting with v5, dividers have default margin-inline that can't be overridden. See the playground link. The spacing is off because the parent space-x-2 isn't applying.

[github-actions]

Thank you @adamhl8 for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[saadeghi]

Update to [email protected].
Margins are now customizable using utility classes like m-*, mx-*, my-*
It's not going to work with space-x-* tho. space-x-* doesn't rewrite existing margin of items (example)

For the example you linked, you can either use gap-* or you can set custom margin to the divider:
https://play.tailwindcss.com/2CWytQJrfG

Let me know if you have a question.