Dialog component - content part section is overwriting max-width value

[dobromirts]

Description

When the dialog has a custom content with width style e.g 480px the correct sizes will not be applied to it and the 'content' section is not displayed correctly, due to
[part='content'] {
max-width: 40ch;
color: $content-color;
...
}
defined in dialog.base.scss.

Steps to reproduce

1. Create dialog component
2. Use this code as an example
   <igc-dialog ?closeOnOutsideSelect="${true}" ?closeOnEscape="${true}" id="new-task-dialog"> <h3 slot="title"> <h5> Add New Task </h5> </h3> <div class="column-layout group_5"> <igc-input label="Task Title" ?outlined="${false}" class="input"></igc-input> <div class="row-layout group_6"> <igc-select ?outlined="${false}" label="Project" placeholder="Pick a project" class="select"> <span slot="prefix"> <span class="material-icons icon_1"> assignment </span> </span> <igc-select-item value="Option"> Fintech Project </igc-select-item> <igc-select-item value="Option"> DataViz Project </igc-select-item> <igc-select-item value="Option"> Onboarding Project </igc-select-item> <igc-select-item value="Option"> AppBuilder Project </igc-select-item> </igc-select> <igc-select ?outlined="${false}" label="Status" placeholder="Set Status" class="select_1"> <span slot="prefix"> <span class="material-icons icon_1"> schedule </span> </span> <igc-select-item value="Option"> To Do </igc-select-item> <igc-select-item value="Option"> In Development </igc-select-item> <igc-select-item value="Option"> Validation </igc-select-item> <igc-select-item value="Option"> Done </igc-select-item> </igc-select> </div> </div> <div slot="footer"> <igc-button @click=${() => this.newTaskDialog?.toggle()} class="button_1"> Create Task <igc-ripple></igc-ripple> </igc-button> </div> </igc-dialog>

And styles for the content e.g
.group_5 { justify-content: flex-start; align-items: stretch; align-content: flex-start; position: relative; width: 480px; min-width: 50px; min-height: 50px; }
3. Check dialog and section widths