diff --git a/website/content/docs/connect/config-entries/service-resolver.mdx b/website/content/docs/connect/config-entries/service-resolver.mdx
index 6afe1265e6..9ca83fad92 100644
--- a/website/content/docs/connect/config-entries/service-resolver.mdx
+++ b/website/content/docs/connect/config-entries/service-resolver.mdx
@@ -23,6 +23,12 @@ and discovery terminates.
 - Service resolver config entries are a component of [L7 Traffic
   Management](/docs/connect/l7-traffic-management).
 
+## UI 
+
+Once a `service-resolver` is succesfully entered, you can view it in the UI. Service routers, service splitters, and service resolvers can all be viewed by clicking on your service then switching to the *routing* tab 
+
+![screenshot of service resolver in the UI](/img/l7-routing/Resolver.png)
+
 ## Sample Config Entries
 
 ### Filter on service version
diff --git a/website/content/docs/connect/config-entries/service-router.mdx b/website/content/docs/connect/config-entries/service-router.mdx
index 3e02f16011..fbd840b4fe 100644
--- a/website/content/docs/connect/config-entries/service-router.mdx
+++ b/website/content/docs/connect/config-entries/service-router.mdx
@@ -36,6 +36,13 @@ service of the same name.
   to any configured
   [`service-resolver`](/docs/connect/config-entries/service-resolver).
 
+## UI 
+
+
+Once a `service-router` is succesfully entered, you can view it in the UI. Service routers, service splitters, and service resolvers can all be viewed by clicking on your service then switching to the *routing* tab 
+
+![screenshot of service router in the UI](/img/l7-routing/Router.png)
+
 ## Sample Config Entries
 
 ### Path prefix matching
diff --git a/website/content/docs/connect/config-entries/service-splitter.mdx b/website/content/docs/connect/config-entries/service-splitter.mdx
index f6eb62ddf7..f0029665d7 100644
--- a/website/content/docs/connect/config-entries/service-splitter.mdx
+++ b/website/content/docs/connect/config-entries/service-splitter.mdx
@@ -39,6 +39,12 @@ resolution stage.
   to any configured
   [`service-resolver`](/docs/connect/config-entries/service-resolver).
 
+## UI 
+
+Once a `service-splitter` is succesfully entered, you can view it in the UI. Service routers, service splitters, and service resolvers can all be viewed by clicking on your service then switching to the *routing* tab 
+
+![screenshot of service splitter in the UI](/img/l7-routing/Splitter.png)
+
 ## Sample Config Entries
 
 ### Two subsets of same service