diff --git a/ui-v2/app/components/consul-upstream-instance-list/index.hbs b/ui-v2/app/components/consul-upstream-instance-list/index.hbs
index 34ae01ea3..99a6c6868 100644
--- a/ui-v2/app/components/consul-upstream-instance-list/index.hbs
+++ b/ui-v2/app/components/consul-upstream-instance-list/index.hbs
@@ -35,11 +35,13 @@
{{/if}}
{{#if (gt item.LocalBindPort 0)}}
{{#let (concat (or item.LocalBindAddress '127.0.0.1') ':' item.LocalBindPort) as |combinedAddress|}}
-
-
+
+ -
+
+
- {{combinedAddress}}
{{/let}}
diff --git a/ui-v2/app/components/consul-upstream-list/index.hbs b/ui-v2/app/components/consul-upstream-list/index.hbs
index bb1763f2d..f2249b930 100644
--- a/ui-v2/app/components/consul-upstream-list/index.hbs
+++ b/ui-v2/app/components/consul-upstream-list/index.hbs
@@ -47,14 +47,18 @@
{{/if}}
- {{#if (not-eq item.GatewayConfig.ListenerPort 0)}}
-
-
- - :{{item.GatewayConfig.ListenerPort}}
+{{#if (gt item.GatewayConfig.Addresses.length 0)}}
+ {{#each item.GatewayConfig.Addresses as |address|}}
+
+ -
+
+
+ - {{address}}
- {{/if}}
+ {{/each}}
+{{/if}}
diff --git a/ui-v2/app/styles/components/composite-row/skin.scss b/ui-v2/app/styles/components/composite-row/skin.scss
index 6bbf81b8b..51045dd41 100644
--- a/ui-v2/app/styles/components/composite-row/skin.scss
+++ b/ui-v2/app/styles/components/composite-row/skin.scss
@@ -108,6 +108,6 @@
}
// In this case we do not need a background on the icon
%composite-row .combined-address .copy-button button:hover,
-%composite-row-detail .port .copy-button button:hover {
+%composite-row-detail dt .copy-button button:hover {
background-color: transparent !important;
}
diff --git a/ui-v2/yarn.lock b/ui-v2/yarn.lock
index 4b86ba6a9..980290294 100644
--- a/ui-v2/yarn.lock
+++ b/ui-v2/yarn.lock
@@ -1211,9 +1211,9 @@
js-yaml "^3.13.1"
"@hashicorp/consul-api-double@^3.0.0":
- version "3.1.0"
- resolved "https://registry.yarnpkg.com/@hashicorp/consul-api-double/-/consul-api-double-3.1.0.tgz#6f0cfc32d99b6f0c876d473ff8fdc489b7403904"
- integrity sha512-TsRvkBJTzMaXlSyaFT4HU+Phhk+7K2kWPmnuM41cqkHsCLfoTllQ37avQyLYGM/57yfd0ajbI4M6IKoYJnQUWg==
+ version "3.1.2"
+ resolved "https://registry.yarnpkg.com/@hashicorp/consul-api-double/-/consul-api-double-3.1.2.tgz#3c3b929ab0f8aff5f503728337caf1c1a41171fb"
+ integrity sha512-igs6f9fiA+z2Us1oLZ49/sEU0WsL+s7a1pnwFtED2xdI8tn5hz9G0doYfOxmi04IifNxv80NVifl3rZl2rn2tw==
"@hashicorp/ember-cli-api-double@^3.1.0":
version "3.1.0"