[DropDowns] Data items get misaligned after no-data popup is displayed in RTL mode

[zstoyanova9]

Description

When a DropDowns component is configured in RTL mode and its data is filtered in a way that the no-data popup is displayed, after clearing the entered filter value, the data items' text in the popup gets misaligned.

Examples:
Combobox - https://stackblitz.com/edit/angular-erqh4pgs-wo6c8b8k
DropDownList - https://stackblitz.com/edit/angular-xfyb7hta
MultiSelect - https://stackblitz.com/edit/angular-kbwzquav

Steps To Reproduce

1. Open the following StackBlitz example - https://stackblitz.com/edit/angular-erqh4pgs-wo6c8b8k
2. Enter a value in the ComboBox that corresponds to an existing data item's text and observe the appearance of the data items.
3. Clear the entered value.
4. Enter a value that does not exist in the ComboBox data items to show the no-data popup.
5. Clear the entered value and observe the appearance of the data items.

Screenshots or video

chrome_XcXZLWyeG9.mp4

Actual Behavior

The text of the data items in the component's popup gets misaligned and appears starting from its left side after the no-data popup was previously displayed.

Expected Behavior

The text of the data items should appear in the same way as its initial appearance after the no-data popup was previously displayed.