diff --git a/ui/packages/consul-peerings/app/templates/dc/peers/edit/exported.hbs b/ui/packages/consul-peerings/app/templates/dc/peers/edit/exported.hbs
new file mode 100644
index 0000000000..c4f893fb9e
--- /dev/null
+++ b/ui/packages/consul-peerings/app/templates/dc/peers/edit/exported.hbs
@@ -0,0 +1,3 @@
+<Route @name={{routeName}} as |route|>
+  <div>This is exported services</div>
+</Route>
\ No newline at end of file
diff --git a/ui/packages/consul-peerings/app/templates/dc/peers/edit/imported.hbs b/ui/packages/consul-peerings/app/templates/dc/peers/edit/imported.hbs
new file mode 100644
index 0000000000..a84ac2db3a
--- /dev/null
+++ b/ui/packages/consul-peerings/app/templates/dc/peers/edit/imported.hbs
@@ -0,0 +1,3 @@
+<Route @name={{routeName}} as |route|>
+  <div>This is imported services</div>
+</Route>
\ No newline at end of file
diff --git a/ui/packages/consul-peerings/vendor/consul-peerings/routes.js b/ui/packages/consul-peerings/vendor/consul-peerings/routes.js
index e5a6083bee..b11bf8e445 100644
--- a/ui/packages/consul-peerings/vendor/consul-peerings/routes.js
+++ b/ui/packages/consul-peerings/vendor/consul-peerings/routes.js
@@ -26,6 +26,16 @@
           _options: {
             path: "/:name",
           },
+          imported: {
+            _options: {
+              path: "/imported-services",
+            },
+          },
+          exported: {
+            _options: {
+              path: "/exported-services",
+            },
+          },
           addresses: {
             _options: {
               path: "/addresses",