diff --git a/aio/src/app/app.component.html b/aio/src/app/app.component.html
index 6f9fd7fd11..6ecd5b23eb 100644
--- a/aio/src/app/app.component.html
+++ b/aio/src/app/app.component.html
@@ -5,7 +5,7 @@
   <span class="fill-remaining-space"></span>
 </md-toolbar>
 
-<md-sidenav-container class="sidenav-container" (window:resize)="onResize($event.target.innerWidth)">
+<md-sidenav-container class="sidenav-container">
 
   <md-sidenav #sidenav class="sidenav" [opened]="isSideBySide" [mode] = "isSideBySide ? 'side' : 'over'">
     <aio-top-menu *ngIf="!isSideBySide" class="small" [nodes]="(navigationViews | async)?.TopBar" [homeImageUrl]="homeImageUrl"></aio-top-menu>
diff --git a/aio/src/app/app.component.ts b/aio/src/app/app.component.ts
index dfd1812749..874fdf24d6 100644
--- a/aio/src/app/app.component.ts
+++ b/aio/src/app/app.component.ts
@@ -43,6 +43,7 @@ export class AppComponent implements OnInit {
     this.onResize(window.innerWidth);
   }
 
+  @HostListener('window:resize', ['$event.target.innerWidth'])
   onResize(width) {
     this.isSideBySide = width > this.sideBySideWidth;
   }