title: How to edit css of child component imported from other module Angular 2+
body: <p>I use agm-snazzy-window from <a href="https://github.com/atmist/snazzy-info-window#html-structure" rel="nofollow noreferrer">amg-snazzy-window</a></p>
  
  <p>There is explanation that I can override css class but when I do it it won't work.
  This is my example:</p>
  
  <p>map-component.html</p>
  
  <pre><code>   &lt;agm-snazzy-info-window [closeWhenOthersOpen]="true"&gt;
           &lt;ng-template&gt;
              My snazzy window
           &lt;/ng-template&gt;
     &lt;/agm-snazzy-info-window&gt;
  </code></pre>
  
  <p>I want to have wider content so I made this:
  map-component.scss:</p>
  
  <pre><code>.si-content {
    width: 500px !important;
  }
  </code></pre>
  
  <p>What am I doing wrong?</p>