How do I set the width of the text box for this component? Struggling to do

Directory vcf-autocomplete
1

How do I set the width of the text box for this component? Struggling to do this.

2

Figured it out myself

<dom-module id="lumo-autocomplete-custom" theme-for="vcf-autocomplete">
  <template>
    <style>
        vaadin-text-field {
            width: 400px;
        }
        
        [part="options-container"]
 {
          --_lumo-item-selected-icon-display: none;
          width: 400px;
        }

         [part="option"]
 {
          --_lumo-list-box-item-padding-left: calc(0.375em + var(--lumo-border-radius) / 4 - 1px + 0.25em);
         width: 400px;
        }

        [part="clear"]
 {
          --lumo-button-size: 15px;
          --lumo-icon-size-m: 19px;
          color: var(--lumo-contrast-60pct);
        }
    </style>
  </template>
</dom-module>

None of the parts actually resize the component itself, just the vaadin-text-field that does.