Am facing Strange issue. Am having multiple select box in my project. Some of the select box option width exceeds select box width

Correct Dropdown: 

[![Screen Shot](https://i.stack.imgur.com/xDy6I.jpg)](https://i.stack.imgur.com/xDy6I.jpg)

Incorrect Dropdown: 

[![Screen Shot](https://i.stack.imgur.com/S26f8.jpg)](https://i.stack.imgur.com/S26f8.jpg)

Code: 

```
<div class="form-group">
  <label id="lbl_crms_customer_add_sector_title">{{'CRMS.CUSTOMER.FORM_LABEL.SECTOR' | translate}}</label>   <span class="inactive_text"> *</span>
    <select id="lbl_crms_customer_add_sector_value" class="custom-select" #sector="ngModel" name="sector" [ngModel]="BasicInfoDetails.sector">
      <!-- <option selected value="">--</option> -->
      <option *ngFor="let sectorobj of sectorList" value="{{sectorobj}}">{{sectorobj}}</option>                            
    </select>
  <span><input-errors [control]="sector"></input-errors></span>
</div>

```

Note: The options are loaded dynamically from the server. Expecting Quickest answer from you guys :)