Как выровнять ширину раскрывающегося списка по его текстовому полю в Angular ⇐ CSS

[Anonymous]

Я следую этому ответу, чтобы панель раскрывающегося списка отображалась чуть ниже или над текстовым полем раскрывающегося списка.
Раскрывающийся список
Теперь у меня то же самое Раскрывающаяся панель, такая..

Код: Выделить всё

{{option}}

Но панель выходит за пределы текстового поля, как показано ниже...
[img]https:/ /i.stack.imgur.com/bGrZ3.png[/img]

Как выделено желтым цветом, ширина панели немного увеличивается..
Кроме того, я использую приведенный ниже код в файле Styles.scss. Но он не выравнивается должным образом..

Код: Выделить всё

.custom-panel-siteId {
margin: 45px 0px !important;
}

РЕДАКТИРОВАТЬ
Детали стиля приведены ниже, когда я выполняю проверку элемента в инструментах разработчика


Любой буду очень признателен за помощь.

ВТОРОЕ ИЗМЕНЕНИЕ
Теперь, с учетом последних изменений кода, ширина панели соответствует ширине раскрывающегося текстового поля. Но он немного смещается влево, как показано ниже...



Подробнее здесь: https://stackoverflow.com/questions/778 ... in-angular