diff --git a/demo-shell/src/app/components/app-layout/app-layout.component.html b/demo-shell/src/app/components/app-layout/app-layout.component.html
index 06114a9825..6e740a3fac 100644
--- a/demo-shell/src/app/components/app-layout/app-layout.component.html
+++ b/demo-shell/src/app/components/app-layout/app-layout.component.html
@@ -1,4 +1,4 @@
-<adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="false"[expandedSidenav]= "expandedSidenav" (notify)='setState($event)'>
+<adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="false"[expandedSidenav]= "expandedSidenav" (expanded)="setState($event)">
 
     <adf-sidenav-layout-header>
         <ng-template let-toggleMenu="toggleMenu">
diff --git a/demo-shell/src/app/components/app-layout/app-layout.component.ts b/demo-shell/src/app/components/app-layout/app-layout.component.ts
index c47f7a074c..81496a3ead 100644
--- a/demo-shell/src/app/components/app-layout/app-layout.component.ts
+++ b/demo-shell/src/app/components/app-layout/app-layout.component.ts
@@ -50,7 +50,7 @@ export class AppLayoutComponent implements OnInit {
         { href: '/about', icon: 'info_outline', title: 'APP_LAYOUT.ABOUT' }
     ];
 
-    expandedSidenav: Boolean = false;
+    expandedSidenav = false;
 
 
     ngOnInit() {
@@ -68,7 +68,7 @@ export class AppLayoutComponent implements OnInit {
 
     setState(state) {
         if (this.config.get('sideNav.preserveState')) {
-            this.userpreference.set('expendedSidenav', state);
+            this.userpreference.set('expandedSidenav', state);
         }
     }
 }
diff --git a/lib/core/sidenav-layout/components/sidenav-layout/sidenav-layout.component.ts b/lib/core/sidenav-layout/components/sidenav-layout/sidenav-layout.component.ts
index af9153f7a5..003ed2c4af 100644
--- a/lib/core/sidenav-layout/components/sidenav-layout/sidenav-layout.component.ts
+++ b/lib/core/sidenav-layout/components/sidenav-layout/sidenav-layout.component.ts
@@ -38,7 +38,7 @@ export class SidenavLayoutComponent implements OnInit, AfterViewInit, OnDestroy
     @Input() hideSidenav = false;
     @Input() expandedSidenav = true;
 
-    @Output() notify = new EventEmitter();
+    @Output() expanded = new EventEmitter<boolean>();
 
     @ContentChild(SidenavLayoutHeaderDirective) headerDirective: SidenavLayoutHeaderDirective;
     @ContentChild(SidenavLayoutNavigationDirective) navigationDirective: SidenavLayoutNavigationDirective;
@@ -84,7 +84,7 @@ export class SidenavLayoutComponent implements OnInit, AfterViewInit, OnDestroy
         this.mediaQueryList.removeListener(this.onMediaQueryChange);
     }
 
-    toggleMenu(expandedSidenav) {
+    toggleMenu() {
         if (!this.mediaQueryList.matches) {
             this.isMenuMinimized = !this.isMenuMinimized;
         } else {
@@ -92,7 +92,7 @@ export class SidenavLayoutComponent implements OnInit, AfterViewInit, OnDestroy
         }
 
         this.container.toggleMenu();
-        this.notify.emit((!this.isMenuMinimized).toString());
+        this.expanded.emit(!this.isMenuMinimized);
     }
 
     get isMenuMinimized() {