title: Set primeNG p-dropdown width to min-content
body: <p>I have a p-dropdown and its width doesn't seem to change.
  However, I want its width to be the width of the min-content.
  I couldn't find any documentation regarding this on <a href="https://www.primefaces.org/primeng/#/dropdown" rel="nofollow noreferrer">PrimNG</a>.
  So, Is there any way to set its width?
  Thank you!</p>
  
  <pre><code>&lt;p-dropdown attr.data-property-name="{{ serverControl.name }}" autoWidth="false"
            [name]="serverControl.name ? serverControl.name : 'testDropdown'" [options]="options"
            [disabled]="serverControl.readOnly" [ngStyle]="{width: 'min-content'}" [required]="serverControl.required"
            [title]="serverControl.title ? serverControl.title : ''"
            [ngModel]="default" (onChange)="
              serverControl.value = $event;
              select.emit($event.value ? $event.value.toString() : null)
            " #ddList="ngModel"&gt;
  &lt;/p-dropdown&gt;
  </code></pre>
  
  <p>Scss</p>
  
  <pre><code>body .ui-dropdown {
    border: 0.5px solid white !important;
    max-width: 7vw !important;
    min-width: 7vw !important;
    // background: $holiday-calender-header-bg !important;
  }
  </code></pre>