[Bug]: Styles allways applied to classes

Hello,

I have a Problem with styling individual Items.

The following html Code:

<div class="ddm-flex-cols">
      <div class="ddm-flex-cols-element">
          This is some Text
        </div>
      <div id="icbp" class="ddm-flex-cols-element">
        Text
      </div>
    </div>
    
<style>


.ddm-flex-cols {
    display: flex;
    flex-direction: row;
    margin: -16px;
    padding: 16px 0px;
    flex-wrap: wrap;
}


.ddm-flex-cols-element {
    flex-grow: 2;
    margin: 16px;
    flex-shrink: 0;
    flex-basis: 0;
}

#icbp {
	max-width:300px;
}
</style>

Loads fine. But when I Click the Component with "#icbp" then the class .ddm-flex-cols-element will get the style max-width. Setting this.el.style while rendering the Object is also Integrated to the CSS (Id only) the Docs tell changes to this.el will not being saved to Components.

Reproduction with DEMO is not possible for me because its only happening with some loaded canvas styles. I'm using version 0.14.57 My Config for reproduction:

let options = {
    container: '#gjs-content-editor',
    protectedCss: '',
    style: '',
    canvas: { styles: ['/some/file.css'] },
  };