diff --git a/.changelog/10581.txt b/.changelog/10581.txt
new file mode 100644
index 0000000000..574945a52f
--- /dev/null
+++ b/.changelog/10581.txt
@@ -0,0 +1,3 @@
+```release-note:feature
+ui: Splitting up the socket mode and socket path in the Upstreams Instance List
+```
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.hbs b/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.hbs
index df4d2391c8..0f97376991 100644
--- a/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.hbs
@@ -38,32 +38,24 @@
{{/if}}
{{#if item.LocalBindSocketPath}}
-{{#let (if item.LocalBindSocketMode
- (hash
- label=(concat '(Local bind mode)')
- value=(concat '(Mode:' item.LocalBindSocketMode ')')
- )
- (hash
- label=""
- value=""
- )
- )
-as |mode|}}
-
+
-
-
- Local bind socket {{mode.label}}
-
+ Local bind socket path
-
{{item.LocalBindSocketPath}}
-{{/let}}
+
+ - mode
+ -
+ {{or item.LocalBindSocketMode '-'}}
+
+
{{else}}
{{#if (gt item.LocalBindPort 0)}}
{{#let (concat (or item.LocalBindAddress '127.0.0.1') ':' item.LocalBindPort) as |combinedAddress|}}
diff --git a/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.scss b/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.scss
index ea10171381..63f2ecf79e 100644
--- a/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.scss
+++ b/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.scss
@@ -3,7 +3,7 @@
@extend %composite-row;
}
dl {
- @extend %icon-definition;
+ @extend %horizontal-kv-list;
}
dl.datacenter dt::before {
@extend %with-user-organization-mask, %as-pseudo;
@@ -11,4 +11,7 @@
dl.nspace dt::before {
@extend %with-folder-outline-mask, %as-pseudo;
}
+ dl.local-bind-mode dt {
+ font-weight: $typo-weight-semibold;
+ }
}