diff --git a/ui/app/templates/allocations/allocation/index.hbs b/ui/app/templates/allocations/allocation/index.hbs
index d27f8860dc28..64b70e114649 100644
--- a/ui/app/templates/allocations/allocation/index.hbs
+++ b/ui/app/templates/allocations/allocation/index.hbs
@@ -300,10 +300,9 @@
                 {{#if (eq row.model.provider "nomad")}}
                   <FlightIcon @name="nomad-color" />
                 {{else}}
+                  <FlightIcon @name="consul-color" />
                   {{#if row.model.connect}}
-                    <FlightIcon @name="mesh" @color="#c62a71" />
-                  {{else}}
-                    <FlightIcon @name="consul-color" />
+                    <FlightIcon @name="mesh" @color="#444444" />
                   {{/if}}
                 {{/if}}
               </td>
diff --git a/ui/app/templates/components/job-service-row.hbs b/ui/app/templates/components/job-service-row.hbs
index c30b2a125b4f..2de7000e4d57 100644
--- a/ui/app/templates/components/job-service-row.hbs
+++ b/ui/app/templates/components/job-service-row.hbs
@@ -17,11 +17,7 @@
 			<FlightIcon @name="nomad-color" />
 			<LinkTo class="is-primary" @route="jobs.job.services.service" @model={{@service}} @query={{hash level=@service.level}}>{{@service.name}}</LinkTo>
 		{{else}}
-      {{#if @service.connect}}
-        <FlightIcon @name="mesh" @color="#c62a71" />
-      {{else}}
-        <FlightIcon @name="consul-color" />
-      {{/if}}
+			<FlightIcon @name="consul-color" />
 			{{#if (and (eq @service.provider "consul") this.consulRedirectLink)}}
 				<a class="is-primary" href={{this.consulRedirectLink}} target="_blank" rel="noopener noreferrer">
 					{{@service.name}}
@@ -29,6 +25,9 @@
 			{{else}}
 				{{@service.name}}
 			{{/if}}
+      {{#if @service.connect}}
+        <FlightIcon @name="mesh" @color="#444444" />
+      {{/if}}
 		{{/if}}
   </td>
 	<td>