title: How to change default width of sidenav (drawer)
body: <p>How to customize default width of side-nav?
  I have tried to change as in the documentation:</p>
  
  <pre><code>mat-drawer {
    width: 200px;
  }
  </code></pre>
  
  <p>but it doesn't work. If I add !important then the expand functionality is not working
  This is a code</p>
  
  <pre><code>&lt;mat-drawer-container class="example-container" fullscreen autosize&gt;
    &lt;mat-drawer [@openClose]="menuState == 1 ? 'open':'close'" class="example-sidenav" mode="side" opened&gt;
      &lt;app-menu-top&gt;&lt;/app-menu-top&gt;
      &lt;app-side-menu-links&gt;&lt;/app-side-menu-links&gt;
    &lt;/mat-drawer&gt;
  
    &lt;div class="example-sidenav-content"&gt;
      &lt;app-header [configData]="configData" (onSearchButtonClick)="searchButtonClick($event)"&gt;&lt;/app-header&gt;
        &lt;ng-content&gt;&lt;/ng-content&gt;
      &lt;/div&gt;
  &lt;/mat-drawer-container&gt;
  </code></pre>
  
  <p>Thanks in advance!</p>