I am seeing odd behaviour when putting input fields under any type of collapse or Accordion.

I would expect the field with the label to work as it does if I move the field anywhere in the code outside the collapse, however if the field has its value populated already and its inside a collapse, the label does not display correctly as the field border cuts through it.

Clicking in the field corrects the label but I cant find any other way to correct it.

code snippet: https://mdbootstrap.com/snippets/standard/david-mansfieldwhitecode-co-uk/6070824