Multi-select height not adjusted after reset

[ingridpopsage]

Description

There is a page with 3 multi-select components. When in the first one a new item is added or removed, the selected items from the last two are removed, and the dropdown lists for these two are refreshed. What we noticed is, that the height of the component is not reset when all the selected options are removed.

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-x3v8zz

Steps to reproduce

Steps to reproduce:

1. Select 2 items from the first dropdown
2. Select 4 items from the second and 4 items from the third dropdown
3. Remove one item from the first dropdown

Expected result: the 2nd and 3rd dropdowns are reset, and the height is adjusted
Actual result: the height remains the same as it was when multiple items were selected

JIRA ticket numbers (Sage only)

No response

Suggested solution

No response

Carbon version

138.0.1

Design tokens version

No response

Relevant browsers

Chrome

Relevant OSs

Windows

Additional context

No response

Confidentiality

• I confirm there is no confidential or commercially sensitive information included.

[edleeks87]

FE-6775