diff --git a/src/app/kubernetes/support/abstract-watch.component.ts b/src/app/kubernetes/support/abstract-watch.component.ts
index 5686b5b..b5c5c39 100644
--- a/src/app/kubernetes/support/abstract-watch.component.ts
+++ b/src/app/kubernetes/support/abstract-watch.component.ts
@@ -1,5 +1,5 @@
 import {OnDestroy} from "@angular/core";
-import {Observable} from "rxjs";
+import {Observable, Subject, Subscriber, Subscription} from "rxjs";
 import {NamespacedResourceService} from "../service/namespaced.resource.service";
 import {KubernetesResource} from "../model/kubernetesresource.model";
 import {enrichServiceWithRoute, Service, Services} from "../model/service.model";
@@ -24,10 +24,17 @@ import {ReplicaSetService} from "../service/replicaset.service";
  * component has been used
  */
 export class AbstractWatchComponent implements OnDestroy {
-  private listObservableCache: Map<string, Observable<any[]>> = new Map<string, Observable<any[]>>();
+  public subjectCache: Map<string, Subject<any[]>> = new Map<string, Subject<any[]>>();
   private watchCache: Map<string, Watcher> = new Map<string, Watcher>();
 
   ngOnDestroy(): void {
+    for (let key in this.subjectCache) {
+      let subject = this.subjectCache[key];
+      if (subject) {
+        subject.unsubscribe();
+      }
+    }
+    this.subjectCache.clear();
     for (let key in this.watchCache) {
       let watch = this.watchCache[key];
       if (watch) {
@@ -35,7 +42,6 @@ export class AbstractWatchComponent implements OnDestroy {
       }
     }
     this.watchCache.clear();
-    this.listObservableCache.clear();
   }
 
   protected listAndWatchServices(namespace: string, serviceService: ServiceService, routeService: RouteService): Observable<Services> {
@@ -48,6 +54,8 @@ export class AbstractWatchComponent implements OnDestroy {
 
 
   listAndWatchDeployments(namespace: string, deploymentService: DeploymentService, deploymentConfigService: DeploymentConfigService, serviceService: ServiceService, routeService: RouteService): Observable<DeploymentViews> {
+    const servicesObservable = this.listAndWatchServices(namespace, serviceService, routeService);
+
     let deployments = Observable.combineLatest(
       this.listAndWatch(deploymentService, namespace, Deployment),
       this.listAndWatch(deploymentConfigService, namespace, DeploymentConfig),
@@ -55,13 +63,15 @@ export class AbstractWatchComponent implements OnDestroy {
     );
     let runtimeDeployments = Observable.combineLatest(
       deployments,
-      this.listAndWatchServices(namespace, serviceService, routeService),
+      servicesObservable,
       createDeploymentViews,
     );
     return runtimeDeployments;
   }
 
   listAndWatchReplicas(namespace: string, replicaSetService: ReplicaSetService, replicationControllerService: ReplicationControllerService, serviceService: ServiceService, routeService: RouteService): Observable<ReplicaSetViews> {
+    const servicesObservable = this.listAndWatchServices(namespace, serviceService, routeService);
+    
     let replicas = Observable.combineLatest(
       this.listAndWatch(replicaSetService, namespace, ReplicaSet),
       this.listAndWatch(replicationControllerService, namespace, ReplicationController),
@@ -69,7 +79,7 @@ export class AbstractWatchComponent implements OnDestroy {
     );
     let replicaViews = Observable.combineLatest(
       replicas,
-      this.listAndWatchServices(namespace, serviceService, routeService),
+      servicesObservable,
       createReplicaSetViews,
     );
     return replicaViews;
@@ -80,29 +90,34 @@ export class AbstractWatchComponent implements OnDestroy {
     service: NamespacedResourceService<T, L>,
     namespace: string,
     type: { new (): T; }
-  ) {
-    return Observable.combineLatest(
-      this.getOrCreateList(service, namespace, type),
-      // We just emit an empty item if the watch fails
-      this.getOrCreateWatch(service, namespace, type).dataStream.catch(() => Observable.of(null)),
-      (list, msg) => this.combineListAndWatchEvent(list, msg, service, type, namespace),
+  ): Observable<L> {
+    let key = namespace + "/" + type.name;
+    return this.getOrCreateSubject(key, () =>
+       Observable.combineLatest(
+              //this.getOrCreateList(service, namespace, type),
+              service.list(namespace),
+              // We just emit an empty item if the watch fails
+              this.getOrCreateWatch(service, namespace, type)
+                .dataStream.catch(() => Observable.of(null)),
+              (list, msg) => this.combineListAndWatchEvent(list, msg, service, type, namespace),
+            )
     );
   }
 
-  protected getOrCreateList<T extends KubernetesResource, L extends Array<T>>(
-    service: NamespacedResourceService<T, L>,
-      namespace: string,
-      type: { new (): T; }
+  protected getOrCreateSubject<T extends KubernetesResource, L extends Array<T>>(
+      key: string,
+      createObserverFn: () => Observable<L>
   ): Observable<L> {
-    let key = namespace + "/" + type.name;
-    let answer = this.listObservableCache[key];
+    let answer = this.subjectCache[key];
     if (!answer) {
-      answer = service.list(namespace);
-      this.listObservableCache[key] = answer;
+      let observable = createObserverFn();
+      answer = new CachingSubject(observable);
+      this.subjectCache[key] = answer;
     }
-    return answer;
+    return answer.asObservable();
   }
 
+
   protected getOrCreateWatch<T extends KubernetesResource, L extends Array<T>>(
     service: NamespacedResourceService<T, L>,
       namespace: string,
@@ -192,6 +207,42 @@ export class AbstractWatchComponent implements OnDestroy {
   }
 }
 
+/**
+ * Lets send the last value to any new subscriber before any new values.
+ *
+ * Unlike BehaviorSubject there is no need for an initial value.
+ * Unlike AsyncSubject we don't need to wait for complete before sending a next event
+ */
+export class CachingSubject<T> extends Subject<T> {
+  private _value: T;
+  private _hasValue = false;
+  private _subscription: Subscription;
+
+  constructor(protected observable: Observable<T>) {
+    super();
+    this._subscription = observable.subscribe(this);
+  }
+
+  unsubscribe(): void {
+    this._subscription.unsubscribe();
+    super.unsubscribe();
+  }
+
+  next(value?: T): void {
+    this._value = value;
+    this._hasValue = true;
+    super.next(value);
+  }
+
+
+  protected _subscribe(subscriber: Subscriber<T>): Subscription {
+    if (this._hasValue) {
+      subscriber.next(this._value);
+    }
+    return super._subscribe(subscriber);
+  }
+}
+
 /**
  * Lets create a new array instance to force an update event on insert or delete to lists
  */
diff --git a/src/app/kubernetes/ui/build/list-page/list-page.build.component.html b/src/app/kubernetes/ui/build/list-page/list-page.build.component.html
index f0ebb9d..045bf67 100644
--- a/src/app/kubernetes/ui/build/list-page/list-page.build.component.html
+++ b/src/app/kubernetes/ui/build/list-page/list-page.build.component.html
@@ -1,4 +1,6 @@
 <div class='builds list'>
   <fabric8-builds-list-toolbar></fabric8-builds-list-toolbar>
-  <fabric8-builds-list [builds]="builds | async" [loading]="loading | async"></fabric8-builds-list>
+  <div class="list-group list-view-pf list-view-pf-view">
+    <fabric8-builds-list [builds]="builds | async" [loading]="loading | async"></fabric8-builds-list>
+  </div>
 </div>
diff --git a/src/app/kubernetes/ui/build/list/list.build.component.html b/src/app/kubernetes/ui/build/list/list.build.component.html
index cbdbf81..782a57f 100644
--- a/src/app/kubernetes/ui/build/list/list.build.component.html
+++ b/src/app/kubernetes/ui/build/list/list.build.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class='list-group-item build' *ngFor='let build of builds'>
diff --git a/src/app/kubernetes/ui/buildconfig/list-page/list-page.buildconfig.component.html b/src/app/kubernetes/ui/buildconfig/list-page/list-page.buildconfig.component.html
index efea369..8ea6d0d 100644
--- a/src/app/kubernetes/ui/buildconfig/list-page/list-page.buildconfig.component.html
+++ b/src/app/kubernetes/ui/buildconfig/list-page/list-page.buildconfig.component.html
@@ -1,4 +1,7 @@
 <div class='buildconfigs list'>
   <fabric8-buildconfigs-list-toolbar></fabric8-buildconfigs-list-toolbar>
-  <fabric8-buildconfigs-list [buildconfigs]="buildconfigs | async" [loading]="loading | async"></fabric8-buildconfigs-list>
+  <div class="list-group list-view-pf list-view-pf-view">
+    <fabric8-buildconfigs-list [buildconfigs]="buildconfigs | async"
+                               [loading]="loading | async"></fabric8-buildconfigs-list>
+  </div>
 </div>
diff --git a/src/app/kubernetes/ui/buildconfig/list/list.buildconfig.component.html b/src/app/kubernetes/ui/buildconfig/list/list.buildconfig.component.html
index 1da5cf6..b0e6fb9 100644
--- a/src/app/kubernetes/ui/buildconfig/list/list.buildconfig.component.html
+++ b/src/app/kubernetes/ui/buildconfig/list/list.buildconfig.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class='list-group-item buildconfig' *ngFor='let buildconfig of buildconfigs'>
diff --git a/src/app/kubernetes/ui/configmap/list-page/list-page.configmap.component.html b/src/app/kubernetes/ui/configmap/list-page/list-page.configmap.component.html
index 522347d..a29c786 100644
--- a/src/app/kubernetes/ui/configmap/list-page/list-page.configmap.component.html
+++ b/src/app/kubernetes/ui/configmap/list-page/list-page.configmap.component.html
@@ -1,4 +1,6 @@
 <div class='configmaps list'>
   <fabric8-configmaps-list-toolbar></fabric8-configmaps-list-toolbar>
-  <fabric8-configmaps-list [configmaps]="configmaps | async" [loading]="loading | async"></fabric8-configmaps-list>
+  <div class="list-group list-view-pf list-view-pf-view">
+    <fabric8-configmaps-list [configmaps]="configmaps | async" [loading]="loading | async"></fabric8-configmaps-list>
+  </div>
 </div>
diff --git a/src/app/kubernetes/ui/configmap/list/list.configmap.component.html b/src/app/kubernetes/ui/configmap/list/list.configmap.component.html
index f322593..f5684c4 100644
--- a/src/app/kubernetes/ui/configmap/list/list.configmap.component.html
+++ b/src/app/kubernetes/ui/configmap/list/list.configmap.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class='list-group-item configmap' *ngFor='let configmap of configmaps'>
diff --git a/src/app/kubernetes/ui/deployment/list-page/list-page.deployment.component.html b/src/app/kubernetes/ui/deployment/list-page/list-page.deployment.component.html
index 07e0e84..6f6df94 100644
--- a/src/app/kubernetes/ui/deployment/list-page/list-page.deployment.component.html
+++ b/src/app/kubernetes/ui/deployment/list-page/list-page.deployment.component.html
@@ -1,4 +1,6 @@
 <div class='deployments list'>
   <fabric8-deployments-list-toolbar></fabric8-deployments-list-toolbar>
-  <fabric8-deployments-list [runtimeDeployments]="runtimeDeployments | async" [loading]="loading | async"></fabric8-deployments-list>
+  <div class="list-group list-view-pf list-view-pf-view">
+    <fabric8-deployments-list [runtimeDeployments]="runtimeDeployments | async" [loading]="loading | async"></fabric8-deployments-list>
+  </div>
 </div>
diff --git a/src/app/kubernetes/ui/deployment/list/list.deployment.component.html b/src/app/kubernetes/ui/deployment/list/list.deployment.component.html
index b3b66e9..25c9054 100644
--- a/src/app/kubernetes/ui/deployment/list/list.deployment.component.html
+++ b/src/app/kubernetes/ui/deployment/list/list.deployment.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class='list-group-item deployment' *ngFor='let deployment of runtimeDeployments'>
diff --git a/src/app/kubernetes/ui/environment/list-page/list-page.environment.component.ts b/src/app/kubernetes/ui/environment/list-page/list-page.environment.component.ts
index 8daf3bf..8367d4e 100644
--- a/src/app/kubernetes/ui/environment/list-page/list-page.environment.component.ts
+++ b/src/app/kubernetes/ui/environment/list-page/list-page.environment.component.ts
@@ -63,15 +63,39 @@ export class Kind {
 }
 
 export class KindNode {
-  title: Subject<string>;
-  environment: Environment;
-  kind: Kind;
-  children: [
-    {
-      loading: Observable<boolean>,
-      data: ConnectableObservable<any[]>,
+  children: LazyLoadingData[];
+
+  constructor(public kind: Kind, public environment: Environment, public title: Observable<string>, protected loader: (KindNode) => LoadingData) {
+    this.children = [new LazyLoadingData(() => this.loader(this))];
+  }
+}
+
+export class LoadingData {
+  constructor(public loading: Observable<boolean>, public data: Observable<any[]>) {
+  }
+}
+
+export class LazyLoadingData {
+  private _loadingData: LoadingData;
+
+  constructor(protected loader: () => LoadingData) {
+  }
+
+  get loading(): Observable<boolean> {
+    return this.loadingData.loading;
+  }
+
+  get data(): Observable<any[]> {
+    return this.loadingData.data;
+  }
+
+  protected get loadingData(): LoadingData {
+    if (!this._loadingData) {
+      this._loadingData = this.loader();
+      //this._loadingData.data.connect();
     }
-  ];
+    return this._loadingData;
+  }
 }
 
 @Component({
@@ -134,54 +158,38 @@ export class EnvironmentListPageComponent extends AbstractWatchComponent impleme
           environment: environment,
           openshiftConsoleUrl: environmentOpenShiftConoleUrl(environment),
           kinds: KINDS.map(kind => {
-            // Give it a default title
+
             let title = new BehaviorSubject(`${kind.name}s`);
-            let loading = new BehaviorSubject(true);
-            let data = this.getCachedList(kind.path, environment)
-              // Update the title with the number of objects
-              .distinctUntilChanged()
-              .map(arr => {
-                if (label) {
-                  return arr.filter(val => {
-                    // lets only filter resources with a space label
-                    return !val.labels['space'] || val.labels['space'] === label;
-                  });
-                } else {
+
+            let loader = () => {
+              console.log(`Now loading data for ${kind.name} and environment ${environment.name}`);
+
+              let loading = new BehaviorSubject(true);
+              let data = this.getList(kind.path, environment)
+                .distinctUntilChanged()
+                .map(arr => {
+                  if (label) {
+                    arr = arr.filter(val => {
+                      // lets only filter resources with a space label
+                      return !val.labels['space'] || val.labels['space'] === label;
+                    });
+                  }
+                  loading.next(false);
+
+                  // TODO this seems to lock up the entire browser! :)
+                  //title.next(`${arr.length} ${kind.name}${arr.length === 1 ? '' : 's'}`);
                   return arr;
-                }
-              })
-              .do(arr => title.next(`${arr.length} ${kind.name}${arr.length === 1 ? '' : 's'}`))
-              .do(() => loading.next(false))
-              .publishReplay(1);
-            return {
-              environment: environment,
-              kind: kind,
-              title: title,
-              children: [
-                {
-                  loading: loading,
-                  data: data,
-                },
-              ],
-            } as KindNode;
+                });
+              return new LoadingData(loading, data);
+            };
+            return new KindNode(kind, environment, title.asObservable(), loader);
           }),
         })),
       ))
       // Wait 200ms before publishing an empty value - it's probably not empty but it might be!
-      .debounce(arr => (arr.length > 0 ? Observable.interval(0) : Observable.interval(200)))
+      //.debounce(arr => (arr.length > 0 ? Observable.interval(0) : Observable.interval(200)))
       .do(() => this.loading.next(false))
       .publish();
-    // Now, connect all the data
-    // Note we don't do this inside main stream to allow the page to draw faster
-    this.environments.subscribe(
-      envs => envs.forEach(
-        env => env.kinds.forEach(
-          kind => kind.children.forEach(
-            child => child.data.connect(),
-          ),
-        ),
-      ),
-    );
     this.environments.connect();
     this.space.connect();
   }
@@ -194,21 +202,6 @@ export class EnvironmentListPageComponent extends AbstractWatchComponent impleme
     // TODO is there a way to disconnect from this.space / this.environments?
   }
 
-
-  /**
-   * Lets cache the observables so that we don't requery the services each time we ask for the observables
-   */
-  private getCachedList(kind: string, environment: Environment): Observable<any[]> {
-    let namespace = environment.namespace.name;
-    let key = (namespace || "") + "/" + kind;
-    var answer = this.listCache[key];
-    if (!answer) {
-      answer = this.getList(kind, environment);
-      this.listCache[key] = answer;
-    }
-    return answer;
-  }
-
   private getList(kind: string, environment: Environment): Observable<any[]> {
     let namespace = environment.namespace.name;
     switch (kind) {
@@ -230,6 +223,7 @@ export class EnvironmentListPageComponent extends AbstractWatchComponent impleme
   }
 }
 
+
 export function environmentOpenShiftConoleUrl(environment: Environment): string {
   let openshiftConsoleUrl = process.env.OPENSHIFT_CONSOLE_URL;
   let namespace = environment.namespaceName;
diff --git a/src/app/kubernetes/ui/environment/list/list.environment.component.html b/src/app/kubernetes/ui/environment/list/list.environment.component.html
index 7c14f0e..1c5a115 100644
--- a/src/app/kubernetes/ui/environment/list/list.environment.component.html
+++ b/src/app/kubernetes/ui/environment/list/list.environment.component.html
@@ -1,86 +1,92 @@
 <fabric8-loading [loading]="loading">
-  <div id="environments" class="content container">
+  <div id="environments">
     <div class="environment" *ngFor="let e of environments">
       <div class="row">
         <div class="col-md-4">
-          <h2>{{e.environment.name}}</h2>
-        </div>
-        <div class="col-md-4">
-          <span class="openshift-console-link-panel" *ngIf="e.openshiftConsoleUrl">
+          <h2 *ngIf="!e.openshiftConsoleUrl">{{e.environment.name}}</h2>
+          <h2 *ngIf="e.openshiftConsoleUrl">
             <a [href]="e.openshiftConsoleUrl" title="View this environment in the OpenShift console">
-              See more in OpenShift console &nbsp;<span class="fa fa-external-link"></span>
+              {{e.environment.name}}
             </a>
-          </span>
+          </h2>
         </div>
       </div>
 
-      <alm-tree-list #treeList [listTemplate]="treeListTemplate" [nodes]="e.kinds" [options]="options" [showExpander]="false">
-        <ng-template #treeListTemplate let-node="node" let-index="index">
-          <div [ngSwitch]="node.parent?.data?.kind?.path?.toLowerCase()">
-            <div *ngSwitchCase="'configmaps'" class="environment-listing">
-              <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
-                <ng-template #treeListItemTemplate>
-                  <fabric8-configmaps-list [configmaps]="node.data.data | async" [loading]="node.data.loading | async"
-                                           [prefix]="'namespaces/' + e.environment.namespaceName + '/configmaps'"
-                                           [hideCheckbox]='true'></fabric8-configmaps-list>
-                </ng-template>
-              </alm-tree-list-item>
-            </div>
-            <div *ngSwitchCase="'deployments'" class="environment-listing">
-              <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
-                <ng-template #treeListItemTemplate>
-                  <fabric8-deployments-list [runtimeDeployments]="node.data.data | async" [loading]="node.data.loading | async"
-                                            [prefix]="'namespaces/' + e.environment.namespaceName + '/deployments'"
-                                            [hideCheckbox]='true'></fabric8-deployments-list>
-                </ng-template>
-              </alm-tree-list-item>
-            </div>
-            <div *ngSwitchCase="'events'" class="environment-listing">
-              <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
-                <ng-template #treeListItemTemplate>
-                  <fabric8-events-list [events]="node.data.data | async" [loading]="node.data.loading | async"
-                                       [prefix]="'namespaces/' + e.environment.namespaceName + '/events'"
-                                       [hideCheckbox]='true'></fabric8-events-list>
-                </ng-template>
-              </alm-tree-list-item>
-            </div>
-            <div *ngSwitchCase="'pods'" class="environment-listing">
-              <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
-                <ng-template #treeListItemTemplate>
-                  <fabric8-pods-list [pods]="node.data.data | async" [loading]="node.data.loading | async"
-                                     [prefix]="'namespaces/' + e.environment.namespaceName + '/pods'"
-                                     [hideCheckbox]='true'></fabric8-pods-list>
-                </ng-template>
-              </alm-tree-list-item>
-            </div>
-            <div *ngSwitchCase="'replicasets'" class="environment-listing">
-              <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
-                <ng-template #treeListItemTemplate>
-                  <fabric8-replicasets-list [runtimeReplicaSets]="node.data.data | async" [loading]="node.data.loading | async"
-                                            [prefix]="'namespaces/' + e.environment.namespaceName + '/replicasets'"
-                                            [hideCheckbox]='true'></fabric8-replicasets-list>
-                </ng-template>
-              </alm-tree-list-item>
-            </div>
-            <div *ngSwitchCase="'services'" class="environment-listing">
-              <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
-                <ng-template #treeListItemTemplate>
-                  <fabric8-services-list [services]="node.data.data | async" [loading]="node.data.loading | async"
-                                         [prefix]="'namespaces/' + e.environment.namespaceName + '/services'"
-                                         [hideCheckbox]='true'></fabric8-services-list>
-                </ng-template>
-              </alm-tree-list-item>
-            </div>
-            <div *ngSwitchDefault>
-              <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
-                <ng-template #treeListItemTemplate>
-                  <span title="{{node.data.subTitle}}">{{ node.data.title | async }}</span>
-                </ng-template>
-              </alm-tree-list-item>
-            </div>
-          </div>
-        </ng-template>
-      </alm-tree-list>
+      <div class="row">
+        <div class="col-md-12">
+          <alm-tree-list #treeList [listTemplate]="treeListTemplate" [nodes]="e.kinds" [options]="options"
+                         [showExpander]="false">
+            <ng-template #treeListTemplate let-node="node" let-index="index">
+              <div [ngSwitch]="node.parent?.data?.kind?.path?.toLowerCase()">
+                <div *ngSwitchCase="'configmaps'" class="environment-listing">
+                  <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
+                    <ng-template #treeListItemTemplate>
+                      <fabric8-configmaps-list [configmaps]="node.data.data | async"
+                                               [loading]="node.data.loading | async"
+                                               [prefix]="'namespaces/' + e.environment.namespaceName + '/configmaps'"
+                                               [hideCheckbox]='true'></fabric8-configmaps-list>
+                    </ng-template>
+                  </alm-tree-list-item>
+                </div>
+                <div *ngSwitchCase="'deployments'" class="environment-listing">
+                  <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
+                    <ng-template #treeListItemTemplate>
+                      <fabric8-deployments-list [runtimeDeployments]="node.data.data | async"
+                                                [loading]="node.data.loading | async"
+                                                [prefix]="'namespaces/' + e.environment.namespaceName + '/deployments'"
+                                                [hideCheckbox]='true'></fabric8-deployments-list>
+                    </ng-template>
+                  </alm-tree-list-item>
+                </div>
+                <div *ngSwitchCase="'events'" class="environment-listing">
+                  <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
+                    <ng-template #treeListItemTemplate>
+                      <fabric8-events-list [events]="node.data.data | async" [loading]="node.data.loading | async"
+                                           [prefix]="'namespaces/' + e.environment.namespaceName + '/events'"
+                                           [hideCheckbox]='true'></fabric8-events-list>
+                    </ng-template>
+                  </alm-tree-list-item>
+                </div>
+                <div *ngSwitchCase="'pods'" class="environment-listing">
+                  <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
+                    <ng-template #treeListItemTemplate>
+                      <fabric8-pods-list [pods]="node.data.data | async" [loading]="node.data.loading | async"
+                                         [prefix]="'namespaces/' + e.environment.namespaceName + '/pods'"
+                                         [hideCheckbox]='true'></fabric8-pods-list>
+                    </ng-template>
+                  </alm-tree-list-item>
+                </div>
+                <div *ngSwitchCase="'replicasets'" class="environment-listing">
+                  <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
+                    <ng-template #treeListItemTemplate>
+                      <fabric8-replicasets-list [runtimeReplicaSets]="node.data.data | async"
+                                                [loading]="node.data.loading | async"
+                                                [prefix]="'namespaces/' + e.environment.namespaceName + '/replicasets'"
+                                                [hideCheckbox]='true'></fabric8-replicasets-list>
+                    </ng-template>
+                  </alm-tree-list-item>
+                </div>
+                <div *ngSwitchCase="'services'" class="environment-listing">
+                  <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
+                    <ng-template #treeListItemTemplate>
+                      <fabric8-services-list [services]="node.data.data | async" [loading]="node.data.loading | async"
+                                             [prefix]="'namespaces/' + e.environment.namespaceName + '/services'"
+                                             [hideCheckbox]='true'></fabric8-services-list>
+                    </ng-template>
+                  </alm-tree-list-item>
+                </div>
+                <div *ngSwitchDefault>
+                  <alm-tree-list-item [node]="node" [template]="treeListItemTemplate">
+                    <ng-template #treeListItemTemplate>
+                      <span title="{{node.data.subTitle}}">{{ node.data.title | async }}</span>
+                    </ng-template>
+                  </alm-tree-list-item>
+                </div>
+              </div>
+            </ng-template>
+          </alm-tree-list>
+        </div>
+      </div>
     </div>
   </div>
 </fabric8-loading>
diff --git a/src/app/kubernetes/ui/event/list-page/list-page.event.component.html b/src/app/kubernetes/ui/event/list-page/list-page.event.component.html
index 0e18014..97254a4 100644
--- a/src/app/kubernetes/ui/event/list-page/list-page.event.component.html
+++ b/src/app/kubernetes/ui/event/list-page/list-page.event.component.html
@@ -1,4 +1,6 @@
 <div class='events list'>
   <fabric8-events-list-toolbar></fabric8-events-list-toolbar>
-  <fabric8-events-list [events]="events | async" [loading]="loading | async"></fabric8-events-list>
+  <div class="list-group list-view-pf list-view-pf-view">
+    <fabric8-events-list [events]="events | async" [loading]="loading | async"></fabric8-events-list>
+  </div>
 </div>
diff --git a/src/app/kubernetes/ui/event/list/list.event.component.html b/src/app/kubernetes/ui/event/list/list.event.component.html
index 8283ebc..e3877a0 100644
--- a/src/app/kubernetes/ui/event/list/list.event.component.html
+++ b/src/app/kubernetes/ui/event/list/list.event.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class='list-group-item event' *ngFor='let event of events'>
diff --git a/src/app/kubernetes/ui/namespace/list-page/list-page.namespace.component.html b/src/app/kubernetes/ui/namespace/list-page/list-page.namespace.component.html
index 8b97f4e..129a1ff 100644
--- a/src/app/kubernetes/ui/namespace/list-page/list-page.namespace.component.html
+++ b/src/app/kubernetes/ui/namespace/list-page/list-page.namespace.component.html
@@ -1,6 +1,8 @@
 <div class="container-fluid container-cards-pf">
   <div class='namespaces list'>
     <fabric8-namespaces-list-toolbar></fabric8-namespaces-list-toolbar>
-    <fabric8-namespaces-list [namespaces]="namespaces | async" [loading]="loading | async"></fabric8-namespaces-list>
+    <div class="list-group list-view-pf list-view-pf-view">
+      <fabric8-namespaces-list [namespaces]="namespaces | async" [loading]="loading | async"></fabric8-namespaces-list>
+    </div>
   </div>
 </div>
diff --git a/src/app/kubernetes/ui/namespace/list/list.namespace.component.html b/src/app/kubernetes/ui/namespace/list/list.namespace.component.html
index 732f406..92aeb3d 100644
--- a/src/app/kubernetes/ui/namespace/list/list.namespace.component.html
+++ b/src/app/kubernetes/ui/namespace/list/list.namespace.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class='list-group-item namespace' *ngFor='let namespace of namespaces'>
diff --git a/src/app/kubernetes/ui/pipeline/full-history/full-history.pipeline.component.html b/src/app/kubernetes/ui/pipeline/full-history/full-history.pipeline.component.html
index 6830c97..f2517a0 100644
--- a/src/app/kubernetes/ui/pipeline/full-history/full-history.pipeline.component.html
+++ b/src/app/kubernetes/ui/pipeline/full-history/full-history.pipeline.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class="pipelines-page">
diff --git a/src/app/kubernetes/ui/pipeline/history/history.pipeline.component.html b/src/app/kubernetes/ui/pipeline/history/history.pipeline.component.html
index 2cd7fdc..ae7919f 100644
--- a/src/app/kubernetes/ui/pipeline/history/history.pipeline.component.html
+++ b/src/app/kubernetes/ui/pipeline/history/history.pipeline.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class="pipelines-page" *ngIf="pipeline">
diff --git a/src/app/kubernetes/ui/pipeline/list-page/list-page.pipeline.component.html b/src/app/kubernetes/ui/pipeline/list-page/list-page.pipeline.component.html
index 7b55c54..3edde07 100644
--- a/src/app/kubernetes/ui/pipeline/list-page/list-page.pipeline.component.html
+++ b/src/app/kubernetes/ui/pipeline/list-page/list-page.pipeline.component.html
@@ -1,4 +1,6 @@
 <div class='pipelines list'>
   <fabric8-pipelines-list-toolbar></fabric8-pipelines-list-toolbar>
-  <fabric8-pipelines-list [pipelines]="pipelines | async" [loading]="loading | async"></fabric8-pipelines-list>
+  <div class="list-group list-view-pf list-view-pf-view">
+    <fabric8-pipelines-list [pipelines]="pipelines | async" [loading]="loading | async"></fabric8-pipelines-list>
+  </div>
 </div>
diff --git a/src/app/kubernetes/ui/pipeline/list/list.pipeline.component.html b/src/app/kubernetes/ui/pipeline/list/list.pipeline.component.html
index e988c3e..3e0d526 100644
--- a/src/app/kubernetes/ui/pipeline/list/list.pipeline.component.html
+++ b/src/app/kubernetes/ui/pipeline/list/list.pipeline.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class="pipelines-page">
diff --git a/src/app/kubernetes/ui/pod/list-page/list-page.pod.component.html b/src/app/kubernetes/ui/pod/list-page/list-page.pod.component.html
index bfcc685..4aec625 100644
--- a/src/app/kubernetes/ui/pod/list-page/list-page.pod.component.html
+++ b/src/app/kubernetes/ui/pod/list-page/list-page.pod.component.html
@@ -1,4 +1,7 @@
 <div class='pods list'>
   <fabric8-pods-list-toolbar></fabric8-pods-list-toolbar>
-  <fabric8-pods-list [pods]="pods | async" [loading]="loading | async"></fabric8-pods-list>
+
+  <div class="list-group list-view-pf list-view-pf-view">
+    <fabric8-pods-list [pods]="pods | async" [loading]="loading | async"></fabric8-pods-list>
+  </div>
 </div>
diff --git a/src/app/kubernetes/ui/pod/list/list.pod.component.html b/src/app/kubernetes/ui/pod/list/list.pod.component.html
index 9009b33..696c30e 100644
--- a/src/app/kubernetes/ui/pod/list/list.pod.component.html
+++ b/src/app/kubernetes/ui/pod/list/list.pod.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class='list-group-item pod' *ngFor='let pod of pods'>
diff --git a/src/app/kubernetes/ui/replicaset/list-page/list-page.replicaset.component.html b/src/app/kubernetes/ui/replicaset/list-page/list-page.replicaset.component.html
index 180d86b..29118a5 100644
--- a/src/app/kubernetes/ui/replicaset/list-page/list-page.replicaset.component.html
+++ b/src/app/kubernetes/ui/replicaset/list-page/list-page.replicaset.component.html
@@ -1,4 +1,7 @@
 <div class='replicasets list'>
   <fabric8-replicasets-list-toolbar></fabric8-replicasets-list-toolbar>
-  <fabric8-replicasets-list [runtimeReplicaSets]="runtimeReplicaSets | async" [loading]="loading | async"></fabric8-replicasets-list>
+  <div class="list-group list-view-pf list-view-pf-view">
+    <fabric8-replicasets-list [runtimeReplicaSets]="runtimeReplicaSets | async"
+                              [loading]="loading | async"></fabric8-replicasets-list>
+  </div>
 </div>
diff --git a/src/app/kubernetes/ui/replicaset/list/list.replicaset.component.html b/src/app/kubernetes/ui/replicaset/list/list.replicaset.component.html
index 2f0797c..0ecf647 100644
--- a/src/app/kubernetes/ui/replicaset/list/list.replicaset.component.html
+++ b/src/app/kubernetes/ui/replicaset/list/list.replicaset.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class='list-group-item replicaset' *ngFor='let replicaset of runtimeReplicaSets'>
diff --git a/src/app/kubernetes/ui/service/list-page/list-page.service.component.html b/src/app/kubernetes/ui/service/list-page/list-page.service.component.html
index b9e9ad0..615fa95 100644
--- a/src/app/kubernetes/ui/service/list-page/list-page.service.component.html
+++ b/src/app/kubernetes/ui/service/list-page/list-page.service.component.html
@@ -1,4 +1,6 @@
 <div class='services list'>
   <fabric8-services-list-toolbar></fabric8-services-list-toolbar>
-  <fabric8-services-list [services]="services | async" [loading]="loading | async"></fabric8-services-list>
+  <div class="list-group list-view-pf list-view-pf-view">
+    <fabric8-services-list [services]="services | async" [loading]="loading | async"></fabric8-services-list>
+  </div>
 </div>
diff --git a/src/app/kubernetes/ui/service/list/list.service.component.html b/src/app/kubernetes/ui/service/list/list.service.component.html
index 864cf73..c7da02b 100644
--- a/src/app/kubernetes/ui/service/list/list.service.component.html
+++ b/src/app/kubernetes/ui/service/list/list.service.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class='list-group-item service' *ngFor='let service of services'>
diff --git a/src/app/kubernetes/ui/space/list-page/list-page.space.component.html b/src/app/kubernetes/ui/space/list-page/list-page.space.component.html
index fb7b1ed..93b9a30 100644
--- a/src/app/kubernetes/ui/space/list-page/list-page.space.component.html
+++ b/src/app/kubernetes/ui/space/list-page/list-page.space.component.html
@@ -1,6 +1,8 @@
 <div class="container-fluid">
   <div class='spaces list'>
     <fabric8-spaces-list-toolbar></fabric8-spaces-list-toolbar>
-    <fabric8-spaces-list [spaces]="spaces | async" [loading]="loading | async"></fabric8-spaces-list>
+    <div class="list-group list-view-pf list-view-pf-view">
+      <fabric8-spaces-list [spaces]="spaces | async" [loading]="loading | async"></fabric8-spaces-list>
+    </div>
   </div>
 </div>
diff --git a/src/app/kubernetes/ui/space/list/list.space.component.html b/src/app/kubernetes/ui/space/list/list.space.component.html
index 7b3509e..2327ef6 100644
--- a/src/app/kubernetes/ui/space/list/list.space.component.html
+++ b/src/app/kubernetes/ui/space/list/list.space.component.html
@@ -1,4 +1,4 @@
-<div class='list-group list-view-pf list-view-pf-view'>
+<div class='kube-resource-list'>
 
   <fabric8-loading [loading]="loading">
     <div class='list-group-item space' *ngFor='let space of spaces'>