min-h-0
would have less CSS specificity than the default style.
To make it work, you can either use min-h-0!
:
<div class="collapse border border-base-300 bg-base-100 text-xs">
<input type="checkbox" class="min-h-0!" />
<div class="collapse-title min-h-0!">How do I create an account?</div>
<div class="collapse-content">Click the "Sign Up" button in the top right corner and follow the registration process.</div>
</div>
https://play.tailwindcss.com/ODZ4Ga6Hz1
Or use:
.collapse {
> input,
> .collapse-title {
min-height: 0;
}
}