Tengo una selección y un menú desplegable de la biblioteca PrimeReact, organizados como tales:

 <div> <SelectComponent /> </div>

Seleccionar componente interior:

 <div> <Dropdown /> </div>

El problema es que el contenido del menú desplegable se muestra lejos del div del contenedor, por lo que cuando trato de establecer el ancho del div principal en ancho: contenido mínimo, no funciona, porque en realidad no son elementos relacionados en el DOM.

¿Cómo debo proceder entonces? Preferentemente me gustaría hacer esto solo en CSS.