I have a select and a Dropdown from the PrimeReact library, arranged as such:

<div>
<SelectComponent
/>
</div>

Inside SelectComponent:

<div>
<Dropdown
/>
</div>

The problem is that the Dropdown content renders far away from the container div, and so when I try to set the width of the parent div to width: min-content, it doesn't work, because they aren't actually related elements in the DOM.

How should I proceed then? I would preferentially like to do this in CSS only.