diff --git a/lib/core/shell/src/lib/components/shell/shell.component.html b/lib/core/shell/src/lib/components/shell/shell.component.html
index 3cd17c11fb..8345c53d91 100644
--- a/lib/core/shell/src/lib/components/shell/shell.component.html
+++ b/lib/core/shell/src/lib/components/shell/shell.component.html
@@ -1,7 +1,7 @@
 <adf-sidenav-layout
   #layout
-  [sidenavMin]="70"
-  [sidenavMax]="320"
+  [sidenavMin]="sidenavMin"
+  [sidenavMax]="sidenavMax"
   [stepOver]="600"
   [hideSidenav]="hideSidenav"
   [expandedSidenav]="expandedSidenav"
@@ -28,7 +28,7 @@
       >
         <adf-dynamic-component
           id="app.layout.sidenav"
-          [data]="{ mode: layout.isMenuMinimized ? 'collapsed' : 'expanded'}"
+          [data]="{ layout, mode: layout.isMenuMinimized ? 'collapsed' : 'expanded'}"
         >
         </adf-dynamic-component>
       </div>
diff --git a/lib/core/shell/src/lib/components/shell/shell.component.ts b/lib/core/shell/src/lib/components/shell/shell.component.ts
index 58eea62978..53920f3459 100644
--- a/lib/core/shell/src/lib/components/shell/shell.component.ts
+++ b/lib/core/shell/src/lib/components/shell/shell.component.ts
@@ -16,13 +16,13 @@
  */
 
 import { AppConfigService, SidenavLayoutComponent } from '@alfresco/adf-core';
-import { Component, Inject, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Component, Inject, OnDestroy, OnInit, Optional, ViewChild, ViewEncapsulation } from '@angular/core';
 import { NavigationEnd, Router } from '@angular/router';
 import { Subject, Observable } from 'rxjs';
 import { filter, takeUntil, map, withLatestFrom } from 'rxjs/operators';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { Directionality } from '@angular/cdk/bidi';
-import { SHELL_APP_SERVICE, ShellAppService } from '../../services/shell-app.service';
+import { SHELL_APP_SERVICE, ShellAppService, SHELL_NAVBAR_MIN_WIDTH, SHELL_NAVBAR_MAX_WIDTH } from '../../services/shell-app.service';
 
 @Component({
   selector: 'app-shell',
@@ -41,14 +41,21 @@ export class ShellLayoutComponent implements OnInit, OnDestroy {
   expandedSidenav: boolean;
   minimizeSidenav = false;
   hideSidenav = false;
+  sidenavMin: number;
+  sidenavMax: number;
   direction: Directionality;
 
   constructor(
     private router: Router,
     private appConfigService: AppConfigService,
     private breakpointObserver: BreakpointObserver,
-    @Inject(SHELL_APP_SERVICE) private shellService: ShellAppService
-  ) {}
+    @Inject(SHELL_APP_SERVICE) private shellService: ShellAppService,
+    @Optional() @Inject(SHELL_NAVBAR_MIN_WIDTH) navBarMinWidth: number,
+    @Optional() @Inject(SHELL_NAVBAR_MAX_WIDTH) navbarMaxWidth: number
+  ) {
+    this.sidenavMin = navBarMinWidth ?? 70;
+    this.sidenavMax = navbarMaxWidth ?? 320;
+  }
 
   ngOnInit() {
     this.isSmallScreen$ = this.breakpointObserver.observe(['(max-width: 600px)']).pipe(map((result) => result.matches));
diff --git a/lib/core/shell/src/lib/services/shell-app.service.ts b/lib/core/shell/src/lib/services/shell-app.service.ts
index ede2a5d24d..9d46b221f5 100644
--- a/lib/core/shell/src/lib/services/shell-app.service.ts
+++ b/lib/core/shell/src/lib/services/shell-app.service.ts
@@ -34,3 +34,5 @@ export interface ShellAppService {
 export const SHELL_APP_SERVICE = new InjectionToken<ShellAppService>('SHELL_APP_SERVICE');
 
 export const SHELL_AUTH_TOKEN = new InjectionToken<CanActivate & CanActivateChild>('SHELL_AUTH_TOKEN');
+export const SHELL_NAVBAR_MIN_WIDTH = new InjectionToken<number>('SHELL_NAVBAR_MIN_WIDTH');
+export const SHELL_NAVBAR_MAX_WIDTH = new InjectionToken<number>('SHELL_NAVBAR_MAX_WIDTH');