ng-bootstrap - Typeahead dropdown width

Question

I started using the ng-bootstrap Typeahead component and I\'m pretty happy with that.

One thing I would like to achieve is to get the dropdown items to have the same

Answer 1

This is how I made it work within responsive col :

::ng-deep ngb-typeahead-window.dropdown-menu {
    width: calc(100% - 30px);
}

or

::ng-deep .dropdown-menu.show {
    width:calc(100% - 30px);
}

Not sure which one is the best option but I tend to think of the first one.