title: Angular Material Sidenav CSS not applied
body: <p>My Angular Material sidenav is not having its CSS applied. Any idea of what's wrong?</p>
  
  <p>Component CSS:</p>
  
  <pre><code>.nav-title {
      color:orangered ;
      font-weight: 500 ;
  }
  
  .orange {
      border-top-style: solid ;
      border-top-color: orangered ;
      border-top-width: 2px ;
  }
  
  </code></pre>
  
  <p>Component HTML</p>
  
  <pre><code>    &lt;mat-sidenav-container&gt;
  
                  &lt;mat-sidenav #sidenav mode="side" 
                               [fixedInViewport]="'true'" [fixedTopGap]="'0'"
                               [fixedBottomGap]="'0'"&gt;
  
  
  
                               &lt;app-navigation&gt;&lt;/app-navigation&gt;
  
  
  
              &lt;/mat-sidenav&gt;
  
  
              &lt;mat-sidenav-content &gt;
  
  
                      &lt;nav class="uk-navbar-container orange" uk-sticky="bottom: #offset" uk-navbar&gt;
                              &lt;div class="uk-navbar-left uk-padding-small"&gt;&lt;button (click)="sidenav.toggle()" class="uk-button uk-button-text  uk-margin-small-right" type="button" &gt;&lt;span uk-icon="icon: menu; ratio: 2" &gt;&lt;/span&gt;&lt;/button&gt;&lt;div class="nav-title"&gt;{{ title }}&lt;/div&gt;&lt;/div&gt;
                              &lt;div class="uk-navbar-center"&gt;&lt;/div&gt;
                              &lt;div class="uk-navbar-right"&gt;&lt;/div&gt;
                          &lt;/nav&gt;
  
                      &lt;router-outlet&gt;&lt;/router-outlet&gt;
  
              &lt;/mat-sidenav-content&gt;
  
  </code></pre>
  
  <p>Any guidance would be much appreciated.</p>
  
  <p>Thank you!</p>