ANgular Material $md-sidenav not working

[LelouchLight]

The sidenav doesn't appear to work. It just shows up as a small area above the ui-view element.

sst.html

<navigation></navigation>
<md-sidenav md-component-id="left" class="md-sidenav-left" md-is-locked-open="sidenav" style="background-color:red;">
    Left Nav!
</md-sidenav>
<div ui-view="" flex="100" class="uiview"></div>

sst.js

import { name as HomeComponent } from '../home/home';
import { name as POIComponent } from '../poi/poi';
import { name as POCComponent } from '../poc/poc';
import { name as ContactComponent } from '../contact/contact';
import { name as Navigation } from '../navigation/navigation';

class SST {
    constructor($scope, $mdSidenav) {
          'ngInject';

          $scope.openLeftMenu = function() {
              $mdSidenav('left').toggle();
          };
          $scope.sidenav = true;
     }
}

const name = 'sst';

// create a module
export default angular.module(name, [
  angularMeteor,
  uiRouter,
  ngAnimate,
  ngMaterial,
  HomeComponent,
  POIComponent,
  POCComponent,
  ContactComponent,
  Navigation
]).component(name, {
  template,
  controllerAs: name,
  controller: SST
})
  .config(config);

function config($locationProvider, $urlRouterProvider) {
  'ngInject';

  $locationProvider.html5Mode(true);

[DAB0mB]

@LelouchLight It doesn't really seem related to Socially. I'd also suggest you to provide the style-sheet and a screenshot of your website. I'm closing this issue but you should open one over here where the community is much bigger and you might get much more answers.