diff --git a/ee/ucp/admin/configure/view-namespace-resources.md b/ee/ucp/admin/configure/view-namespace-resources.md
index 30e8037eb4..bdf8e69657 100644
--- a/ee/ucp/admin/configure/view-namespace-resources.md
+++ b/ee/ucp/admin/configure/view-namespace-resources.md
@@ -18,19 +18,19 @@ to both of them.
 3.  Click **Create** to open the **Create Kubernetes Object** page.
 4.  In the **Object YAML** editor, paste the following YAML.
 
-```yaml
-apiVersion: v1
-kind: Namespace
-metadata:
- name: blue
----
- apiVersion: v1
- kind: Namespace
- metadata:
-  name: orange
-```
+    ```yaml
+    apiVersion: v1
+    kind: Namespace
+    metadata:
+     name: blue
+    ---
+     apiVersion: v1
+     kind: Namespace
+     metadata:
+      name: green
+    ```
 
-5.  Click **Create** to create the `blue` and `orange` namespaces.
+5.  Click **Create** to create the `blue` and `green` namespaces.
 
 ![](../../images/view-namespace-resources-1.png){: .with-border}
 
@@ -42,42 +42,42 @@ Create a `NodePort` service in the `blue` namespace.
 2.  In the **Namespace** dropdown, select **blue**.
 3.  In the **Object YAML** editor, paste the following YAML.
 
-```yaml
-apiVersion: v1
-kind: Service
-metadata:
-  name: app-service-blue
-  labels:
-    app: app-blue
-spec:
-  type: NodePort
-  ports:
-    - port: 80
-      nodePort: 30080
-  selector:
-    app: app-blue
-```
+    ```yaml
+    apiVersion: v1
+    kind: Service
+    metadata:
+      name: app-service-blue
+      labels:
+        app: app-blue
+    spec:
+      type: NodePort
+      ports:
+        - port: 80
+          nodePort: 32768
+      selector:
+        app: app-blue
+    ```
 
 4.  Click **Create** to deploy the service in the `blue` namespace.
 
-Repeat the previous steps with the following YAML, but this time, select
-`orange` from the **Namespace** dropdown.
+5.  Repeat the previous steps with the following YAML, but this time,
+    select `green` from the **Namespace** dropdown.
 
-```yaml
-apiVersion: v1
-kind: Service
-metadata:
-  name: app-service-orange
-  labels:
-    app: app-orange
-spec:
-  type: NodePort
-  ports:
-    - port: 80
-      nodePort: 30081
-  selector:
-    app: app-orange
-```
+    ```yaml
+    apiVersion: v1
+    kind: Service
+    metadata:
+      name: app-service-green
+      labels:
+        app: app-green
+    spec:
+      type: NodePort
+      ports:
+        - port: 80
+          nodePort: 32769
+      selector:
+        app: app-green
+    ```
 
 ## View services
 
@@ -86,7 +86,7 @@ Currently, the **Namespaces** view is set to the **default** namespace, so the
 
 1.  In the left pane, click **Namespaces** to open the list of namespaces.
 2.  In the upper-right corner, click the **Set context for all namespaces**
-    toggle. The indicator in the left pane changes to **All Namespaces**.
+    toggle and click **Confirm**. The indicator in the left pane changes to **All Namespaces**.
 3.  Click **Load Balancers** to view your services.
 
 ![](../../images/view-namespace-resources-2.png){: .with-border}
@@ -98,15 +98,19 @@ Kubernetes objects in every namespace. Now filter the view to show only
 objects in one namespace.  
 
 1.  In the left pane, click **Namespaces** to open the list of namespaces.
-2.  In the **orange** namespace, click the **More options** icon and in the
+2.  In the **green** namespace, click the **More options** icon and in the
     context menu, select **Set Context**.
 
-![](../../images/view-namespace-resources-3.png){: .with-border}
+    ![](../../images/view-namespace-resources-3.png){: .with-border}
 
-3.  Click **Confirm** to set the context to the `orange` namespace.
-    The indicator in the left pane changes to **orange**.
-4.  Click **Load Balancers** to view your `app-service-orange` service.
+3.  Click **Confirm** to set the context to the `green` namespace.
+    The indicator in the left pane changes to **green**.
+4.  Click **Load Balancers** to view your `app-service-green` service.
     The `app-service-blue` service doesn't appear.
 
+![](../../images/view-namespace-resources-4.png){: .with-border}
+
 To view the `app-service-blue` service, repeat the previous steps, but this
 time, select **Set Context** on the **blue** namespace.
+
+![](../../images/view-namespace-resources-5.png){: .with-border}
diff --git a/ee/ucp/images/view-namespace-resources-1.png b/ee/ucp/images/view-namespace-resources-1.png
index ec26fdc403..9fb281cda3 100644
Binary files a/ee/ucp/images/view-namespace-resources-1.png and b/ee/ucp/images/view-namespace-resources-1.png differ
diff --git a/ee/ucp/images/view-namespace-resources-2.png b/ee/ucp/images/view-namespace-resources-2.png
index 2a9f49cc28..81f249d46e 100644
Binary files a/ee/ucp/images/view-namespace-resources-2.png and b/ee/ucp/images/view-namespace-resources-2.png differ
diff --git a/ee/ucp/images/view-namespace-resources-3.png b/ee/ucp/images/view-namespace-resources-3.png
index 59b8ce4bf9..afca7bc7ea 100644
Binary files a/ee/ucp/images/view-namespace-resources-3.png and b/ee/ucp/images/view-namespace-resources-3.png differ
diff --git a/ee/ucp/images/view-namespace-resources-4.png b/ee/ucp/images/view-namespace-resources-4.png
new file mode 100644
index 0000000000..1a3e41f131
Binary files /dev/null and b/ee/ucp/images/view-namespace-resources-4.png differ
diff --git a/ee/ucp/images/view-namespace-resources-5.png b/ee/ucp/images/view-namespace-resources-5.png
new file mode 100644
index 0000000000..19f5336bae
Binary files /dev/null and b/ee/ucp/images/view-namespace-resources-5.png differ