diff --git a/ui/src/app/metadata/manager/component/dashboard-providers-list.component.html b/ui/src/app/metadata/manager/container/dashboard-providers-list.component.html
similarity index 100%
rename from ui/src/app/metadata/manager/component/dashboard-providers-list.component.html
rename to ui/src/app/metadata/manager/container/dashboard-providers-list.component.html
diff --git a/ui/src/app/metadata/manager/component/dashboard-providers-list.component.ts b/ui/src/app/metadata/manager/container/dashboard-providers-list.component.ts
similarity index 79%
rename from ui/src/app/metadata/manager/component/dashboard-providers-list.component.ts
rename to ui/src/app/metadata/manager/container/dashboard-providers-list.component.ts
index f14f3488e..7e8b4daaf 100644
--- a/ui/src/app/metadata/manager/component/dashboard-providers-list.component.ts
+++ b/ui/src/app/metadata/manager/container/dashboard-providers-list.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-    // selector: 'dashboard-providers-list',
+    selector: 'dashboard-providers-list',
     templateUrl: './dashboard-providers-list.component.html'
 })
 
diff --git a/ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.html b/ui/src/app/metadata/manager/container/dashboard-resolvers-list.component.html
similarity index 100%
rename from ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.html
rename to ui/src/app/metadata/manager/container/dashboard-resolvers-list.component.html
diff --git a/ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.ts b/ui/src/app/metadata/manager/container/dashboard-resolvers-list.component.ts
similarity index 79%
rename from ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.ts
rename to ui/src/app/metadata/manager/container/dashboard-resolvers-list.component.ts
index be2216501..d1748b372 100644
--- a/ui/src/app/metadata/manager/component/dashboard-resolvers-list.component.ts
+++ b/ui/src/app/metadata/manager/container/dashboard-resolvers-list.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-    // selector: 'dashboard-resolvers-list',
+    selector: 'dashboard-resolvers-list',
     templateUrl: './dashboard-resolvers-list.component.html'
 })
 
diff --git a/ui/src/app/metadata/manager/container/manager.component.html b/ui/src/app/metadata/manager/container/manager.component.html
index 589aa1553..9a88f5ec8 100644
--- a/ui/src/app/metadata/manager/container/manager.component.html
+++ b/ui/src/app/metadata/manager/container/manager.component.html
@@ -24,28 +24,30 @@
                 </li>
             </ul>
             <router-outlet></router-outlet>
-            <ul class="list-unstyled m-0">
-                <li *ngFor="let entity of limited$ | async; index as i" [ngClass]="{'mt-2': i > 0}" aria-label="Provider Item Accordion. Press Spacebar to open">
-                    <entity-item
-                        [entity]="entity"
-                        [isOpen]="(entitiesOpen$ | async)[entity.getId()]"
-                        (select)="edit(entity)"
-                        (toggle)="toggleEntity(entity)"
-                        (preview)="openPreviewDialog(entity)"
-                        (delete)="deleteResolver(entity)">
-                    </entity-item>
-                </li>
-            </ul>
-            <div class="mt-3 clearfix" *ngIf="(total$ | async) > limit">
-                <ngb-pagination
-                    class="float-right"
-                    [collectionSize]="total$ | async"
-                    [page]="page"
-                    [pageSize]="limit"
-                    (pageChange)="changePage($event)"
-                    aria-label="Pages">
-                </ngb-pagination>
-            </div>
+            <!--
+                <ul class="list-unstyled m-0">
+                    <li *ngFor="let entity of limited$ | async; index as i" [ngClass]="{'mt-2': i > 0}" aria-label="Provider Item Accordion. Press Spacebar to open">
+                        <entity-item
+                            [entity]="entity"
+                            [isOpen]="(entitiesOpen$ | async)[entity.getId()]"
+                            (select)="edit(entity)"
+                            (toggle)="toggleEntity(entity)"
+                            (preview)="openPreviewDialog(entity)"
+                            (delete)="deleteResolver(entity)">
+                        </entity-item>
+                    </li>
+                </ul>
+                <div class="mt-3 clearfix" *ngIf="(total$ | async) > limit">
+                    <ngb-pagination
+                        class="float-right"
+                        [collectionSize]="total$ | async"
+                        [page]="page"
+                        [pageSize]="limit"
+                        (pageChange)="changePage($event)"
+                        aria-label="Pages">
+                    </ngb-pagination>
+                </div>
+            -->
         </div>
     </section>
 </div>
diff --git a/ui/src/app/metadata/manager/container/manager.component.ts b/ui/src/app/metadata/manager/container/manager.component.ts
index 0fe3a8a42..6a3331584 100644
--- a/ui/src/app/metadata/manager/container/manager.component.ts
+++ b/ui/src/app/metadata/manager/container/manager.component.ts
@@ -16,7 +16,6 @@ import { RemoveDraftRequest } from '../../resolver/action/draft.action';
 
 @Component({
     selector: 'manager-page',
-    changeDetection: ChangeDetectionStrategy.OnPush,
     templateUrl: './manager.component.html',
     styleUrls: ['./manager.component.scss']
 })
diff --git a/ui/src/app/metadata/manager/manager.module.ts b/ui/src/app/metadata/manager/manager.module.ts
index 1b5253d20..ed29e36c9 100644
--- a/ui/src/app/metadata/manager/manager.module.ts
+++ b/ui/src/app/metadata/manager/manager.module.ts
@@ -10,8 +10,8 @@ import { EffectsModule } from '@ngrx/effects';
 import { ManagerComponent } from './container/manager.component';
 import { EntityItemComponent } from './component/entity-item.component';
 import { ProviderSearchComponent } from './component/provider-search.component';
-import { DashboardResolversListComponent } from './component/dashboard-resolvers-list.component';
-import { DashboardProvidersListComponent } from './component/dashboard-providers-list.component';
+import { DashboardResolversListComponent } from './container/dashboard-resolvers-list.component';
+import { DashboardProvidersListComponent } from './container/dashboard-providers-list.component';
 import { reducers } from './reducer';
 import { SearchEffects } from './effect/search.effects';
 import { DeleteDialogComponent } from './component/delete-dialog.component';
diff --git a/ui/src/app/metadata/manager/manager.routing.ts b/ui/src/app/metadata/manager/manager.routing.ts
new file mode 100644
index 000000000..1a6deb204
--- /dev/null
+++ b/ui/src/app/metadata/manager/manager.routing.ts
@@ -0,0 +1,19 @@
+import { Routes } from '@angular/router';
+import { DashboardResolversListComponent } from './container/dashboard-resolvers-list.component';
+import { DashboardProvidersListComponent } from './container/dashboard-providers-list.component';
+import { ManagerComponent } from './container/manager.component';
+
+export const ManagerRoutes: Routes = [
+    { path: '', redirectTo: 'manager', pathMatch: 'prefix' },
+    {
+        path: 'manager',
+        component: ManagerComponent,
+        children: [
+            { path: '', redirectTo: 'resolvers', pathMatch: 'prefix' },
+            { path: 'resolvers', component: DashboardResolversListComponent },
+            { path: 'providers', component: DashboardProvidersListComponent },
+        ]
+    }
+];
+
+
diff --git a/ui/src/app/metadata/metadata.routing.ts b/ui/src/app/metadata/metadata.routing.ts
index 102b1f56f..c9423fdbf 100644
--- a/ui/src/app/metadata/metadata.routing.ts
+++ b/ui/src/app/metadata/metadata.routing.ts
@@ -1,24 +1,17 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
-
-import { ManagerComponent } from './manager/container/manager.component';
-import { DashboardResolversListComponent } from './manager/component/dashboard-resolvers-list.component';
-import { DashboardProvidersListComponent } from './manager/component/dashboard-providers-list.component';
 import { MetadataPageComponent } from './metadata.component';
 
 import { ResolverRoutes } from './resolver/resolver.routing';
 import { ProviderRoutes } from './provider/provider.routing';
+import { ManagerRoutes } from './manager/manager.routing';
 
 const routes: Routes = [
     {
         path: '',
         component: MetadataPageComponent,
         children: [
-            { path: '', component: ManagerComponent, children: [
-                { path: '', redirectTo: 'resolvers', pathMatch: 'full' },
-                { path: 'resolvers', component: DashboardResolversListComponent },
-                { path: 'providers', component: DashboardProvidersListComponent },
-            ] },
+            ...ManagerRoutes,
             ...ResolverRoutes,
             ...ProviderRoutes
         ],