Expected behavior

I have a text-overflow: ellipsis property that should be visible within the option dropdown as shown here:

Actual behavior

The internal span tag directly descended from mdb-option with the .option-text class does not currently respect the width option of mdb-option, as shown here:

I know it is the fault of the span because inspecting the element and messing with the html revealed that applying width: 100% to the element.style of the span fixed the behavior, as shown here:

Is there a way I can get around this width error? I can't seem to access this generated span tag from the SCSS file.

Resources (screenshots, code snippets etc.)

Here is the code for the autocomplete in question. The piece in question is in the tag as I want the internal width of the options to match the visual width of the dropdown on the page when selected:

<div class="mb-4 col-sm-6 col-lg-6 col-xl-6">
      <label mdbLabel for="lienHolderCode" class="form-label mb-0">
        Lien Holder Code
      </label>
      <mdb-form-control>
        <input
          mdbInput
          mdbValidate
          type="text"
          class="form-control"
          formControlName="code"
          id="lienHolderCode"
          [mdbAutocomplete]="lienHolderCodeAutocomplete"
          [tagsFormControlStatus]="controls.code"
          placeholder="Choose lien holder code"
          oninput="let codeInput=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(codeInput, codeInput);"
        />
        <div
          *ngIf="isLoading | async"
          class="autocomplete-loader spinner-border"
          role="status"
        ></div>
        <control-messages [control]="controls.code"></control-messages>
      </mdb-form-control>
      <mdb-autocomplete
        #lienHolderCodeAutocomplete="mdbAutocomplete"
        (selected)="selectedLienHolder($event)"
        [optionHeight]="58"
      >
        <mdb-option
          *ngFor="let option of resultsLienHolders | async"
          [value]="option.code"
        >
            <div class="autocomplete-lien-item-code">
              {{ option.code }}
            </div>
            <div class="autocomplete-lien-item-name">
              {{ option.name }}
            </div>
        </mdb-option>
        <div
          *ngIf="
            (resultsLienHolders | async) === null ||
            (resultsLienHolders | async).length <= 0
          "
          class="autocomplete-no-results"
        >
          No results found
        </div>
      </mdb-autocomplete>
    </div>