How to fix menu layout in Bootstrap-4 template?

Question

css

Good afternoon! In the smart filter in the Bootstrap-4 template, the dropdown menu is not the full width of the select , this spoils the picture very much, I can’t find a way to fix it anywhere ...
In the code starting from //region DROPDOWN +
In css * Select popup
width: 100%; in .smart-filter-dropdown-popup doesn't help!
The debugger found out that the core_popup.css system file is included
From /home/bitrix/www/bitrix/js/main/core/css/core_popup.css
The style is already included in it

.popup-window {
  background-color: #fff;
  box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06);
  padding: 10px;
  font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

Maybe there is a loyal way not to connect this system library? In general, you need to make a drop-down list in the entire width of the DIV , and not the stump as it is now, that I did not do everything wrong ....

Answer 1

width: 100% !important;?