diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
index 694fec49f..c716185dd 100644
--- a/src/app/components/header/header.component.html
+++ b/src/app/components/header/header.component.html
@@ -5,6 +5,7 @@
   [color]="headerColor$ | async"
   [title]="appName$ | async"
   (clicked)="toggleClicked.emit($event)"
+  [expandedSidenav]="expandedSidenav"
 >
   <div class="adf-toolbar--spacer adf-toolbar-divider"></div>
 
diff --git a/src/app/components/header/header.component.ts b/src/app/components/header/header.component.ts
index c592a9ecc..5d08c243c 100644
--- a/src/app/components/header/header.component.ts
+++ b/src/app/components/header/header.component.ts
@@ -28,7 +28,8 @@ import {
   ViewEncapsulation,
   Output,
   EventEmitter,
-  OnInit
+  OnInit,
+  Input
 } from '@angular/core';
 import { Store } from '@ngrx/store';
 import { Observable } from 'rxjs';
@@ -51,6 +52,8 @@ export class AppHeaderComponent implements OnInit {
   @Output()
   toggleClicked = new EventEmitter();
 
+  @Input() expandedSidenav = true;
+
   appName$: Observable<string>;
   headerColor$: Observable<string>;
   logo$: Observable<string>;
diff --git a/src/app/components/layout/app-layout/app-layout.component.html b/src/app/components/layout/app-layout/app-layout.component.html
index b114dc453..c65e36ee0 100644
--- a/src/app/components/layout/app-layout/app-layout.component.html
+++ b/src/app/components/layout/app-layout/app-layout.component.html
@@ -15,6 +15,7 @@
           aria-level="1"
           *ngIf="!hideSidenav"
           (toggleClicked)="layout.toggleMenu($event)"
+          [expandedSidenav]="expandedSidenav"
         >
         </app-header>
       </ng-template>