The correct answer is to use [nzDropdownMatchSelectWidth] as per the documentation. Check it out here:
https://ng.ant.design/components/select/en
My code now looks like this:
<nz-form-item>
<nz-form-label [nzSpan]="6">{{ 'common.client' | translate }}</nz-form-label>
<nz-form-control [nzSpan]="18">
<nz-select formControlName="clientId" nzPlaceHolder="{{ 'common.show-everything' | translate }}" nzShowSearch nzAllowClear [nzDropdownMatchSelectWidth]="false">
@for(client of this.entityListsService.clients(); track client.value ) {
<nz-option [nzValue]="client.value" [nzLabel]="client.text ?? ''"></nz-option>
}
</nz-select>
</nz-form-control>
</nz-form-item>
This changes my dropdown from this (dependent on the title attribute you see to the right):
To this (width is now changed to whatever the widest option is):