Weird behaviour when buttons include HTML elements (seen when adding the v3/4 loading spinner spans)

[DaniSimeonov]

What version of daisyUI are you using?

v4.12

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://play.tailwindcss.com/Z7s15dH7N4

Describe your issue

When trying to create a component which can handle it's own loading state, I noticed that the button jumps around the container it is in depending on if an HTML tag is present in the button or not. This may be a "I suck at CSS" issue, but it got me scratching my head for a long while and I can not figure out why it is happening. I've attached a tailwind play link as an example. I've managed to fix it by applying display:flex to the container, but this is not always possible.

Any insight would be greatly appreciated!

[github-actions[bot]]

Thank you @DaniSimeonov 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.