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 1d3372f0f4..1cc1e35967 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
@@ -35,7 +35,7 @@
 
                 <ng-container *ngFor="let link of links">
                     <a appNestedMenuPosition mat-list-item #appMenuTrigger *ngIf="link.children" [attr.data-automation-id]="link.title | translate"
-                        class="adf-sidenav-link" [matMenuTriggerFor]="nestedMenu"
+                        class="adf-sidenav-link" [matMenuTriggerFor]="nestedMenu" [menuMinimized]="isMenuMinimized()"
                         [matMenuTriggerData]="{links: link.children}">
 
                         <mat-icon matListIcon class="adf-sidenav-menu-icon">{{link.icon}}</mat-icon>
diff --git a/demo-shell/src/app/components/app-layout/cloud/directives/nested-menu-position.directive.ts b/demo-shell/src/app/components/app-layout/cloud/directives/nested-menu-position.directive.ts
index 9a58ef16c1..a823a6c2c4 100644
--- a/demo-shell/src/app/components/app-layout/cloud/directives/nested-menu-position.directive.ts
+++ b/demo-shell/src/app/components/app-layout/cloud/directives/nested-menu-position.directive.ts
@@ -15,13 +15,16 @@
  * limitations under the License.
  */
 
-import { Directive, HostListener } from '@angular/core';
+import { Directive, HostListener, Input } from '@angular/core';
 
 @Directive({
     selector: '[appNestedMenuPosition]'
 })
 export class NestedMenuPositionDirective {
 
+    @Input()
+    menuMinimized: string;
+
     nestedMenuLeftPadding: string = '220px';
 
     @HostListener('click', ['$event'])
@@ -30,9 +33,11 @@ export class NestedMenuPositionDirective {
         let overlayContainer = (document.querySelector('.cdk-overlay-connected-position-bounding-box') as HTMLElement);
         (document.querySelector('.cdk-overlay-pane') as HTMLElement).style.width = '100%';
 
-        setTimeout(() => {
-            overlayContainer.style.left = this.nestedMenuLeftPadding;
-        });
+        if (!this.menuMinimized) {
+            setTimeout(() => {
+                overlayContainer.style.left = this.nestedMenuLeftPadding;
+            });
+        }
     }
 
 }
diff --git a/lib/core/about/about.component.ts b/lib/core/about/about.component.ts
index 3c3d1f9e19..c4650f0135 100644
--- a/lib/core/about/about.component.ts
+++ b/lib/core/about/about.component.ts
@@ -41,10 +41,12 @@ export class AboutComponent implements OnInit {
     extensions$: Observable<ExtensionRef[]>;
 
     /** Commit corresponding to the version of ADF to be used. */
-    @Input() githubUrlCommitAlpha = 'https://github.com/Alfresco/alfresco-ng2-components/commits/';
+    @Input()
+    githubUrlCommitAlpha = 'https://github.com/Alfresco/alfresco-ng2-components/commits/';
 
     /** Toggles showing/hiding of extensions block. */
-    @Input() showExtensions = true;
+    @Input()
+    showExtensions = true;
 
     /** Regular expression for filtering dependencies packages. */
     @Input() regexp = '^(@alfresco)';