+
diff --git a/projects/aca-content/src/lib/components/sidenav/components/sidenav-header.component.ts b/projects/aca-content/src/lib/components/sidenav/components/sidenav-header.component.ts
new file mode 100644
index 000000000..615bac805
--- /dev/null
+++ b/projects/aca-content/src/lib/components/sidenav/components/sidenav-header.component.ts
@@ -0,0 +1,51 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail. Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see .
+ */
+
+import { Component, EventEmitter, Output, ViewEncapsulation } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { Observable } from 'rxjs';
+import { AppStore, getAppName, getLogoPath } from '@alfresco/aca-shared/store';
+import { AppConfigService } from '@alfresco/adf-core';
+
+@Component({
+ selector: 'app-sidenav-header',
+ templateUrl: `./sidenav-header.component.html`,
+ encapsulation: ViewEncapsulation.None,
+ host: { class: 'app-sidenav-header' }
+})
+export class SidenavHeaderComponent {
+ appName$: Observable;
+ logo$: Observable;
+ landingPage: string;
+
+ @Output()
+ toggleNavBar = new EventEmitter();
+
+ constructor(public store: Store, private appConfigService: AppConfigService) {
+ this.appName$ = store.select(getAppName);
+ this.logo$ = store.select(getLogoPath);
+ this.landingPage = this.appConfigService.get('landingPage', '/personal-files');
+ }
+}
diff --git a/projects/aca-content/src/lib/components/sidenav/sidenav.component.html b/projects/aca-content/src/lib/components/sidenav/sidenav.component.html
index 09a195cfb..0d0c786e3 100644
--- a/projects/aca-content/src/lib/components/sidenav/sidenav.component.html
+++ b/projects/aca-content/src/lib/components/sidenav/sidenav.component.html
@@ -1,21 +1,6 @@