extraFieldWrapperAtrributes class display hide using AlpineJs

Hello, I am using AlpineJs to hide/show some Input fields for speeding up the forms and it works great so far but one thing I noticed is that even after using x-show to false for the extraFieldWrapperAttribute it hides the input field but leaves the gap which is set by its grand-parent element as you can see in the screenshot I posted. I tried to hide it using $refs.recipients.parentNode.style.display = (show_recipients) ? "block":"none"; and it worked but the gaps comes back if there is any on change event occurs on ->live() input field. Please let me know how can I hide this parent div properly? Thank you.