diff --git a/ui/packages/consul-ui/app/components/consul/external-source/index.scss b/ui/packages/consul-ui/app/components/consul/external-source/index.scss
index b05acb45b2..b876b48fd4 100644
--- a/ui/packages/consul-ui/app/components/consul/external-source/index.scss
+++ b/ui/packages/consul-ui/app/components/consul/external-source/index.scss
@@ -1,6 +1,11 @@
 .consul-external-source {
   @extend %pill-200, %frame-gray-600, %p1;
 }
+
+.consul-external-source::before {
+  --icon-size: icon-300;
+}
+
 .consul-external-source.kubernetes::before {
   @extend %with-logo-kubernetes-color-icon, %as-pseudo;
 }
@@ -15,10 +20,10 @@
   @extend %with-logo-consul-color-icon, %as-pseudo;
 }
 .consul-external-source.vault::before {
-  @extend %with-vault-100;
+  @extend %with-vault-300;
 }
 .consul-external-source.aws::before {
-  @extend %with-aws-100;
+  @extend %with-aws-300;
 }
 .consul-external-source.leader::before {
   @extend %with-star-outline-mask, %as-pseudo;
diff --git a/ui/packages/consul-ui/app/components/consul/kind/index.scss b/ui/packages/consul-ui/app/components/consul/kind/index.scss
index 7467195f2c..0431ac3068 100644
--- a/ui/packages/consul-ui/app/components/consul/kind/index.scss
+++ b/ui/packages/consul-ui/app/components/consul/kind/index.scss
@@ -3,4 +3,5 @@
 }
 .consul-kind::before {
   @extend %with-gateway-mask, %as-pseudo;
+  --icon-size: icon-300;
 }
diff --git a/ui/packages/consul-ui/app/components/pill/index.scss b/ui/packages/consul-ui/app/components/pill/index.scss
index d08626db8b..c528bd9ff3 100644
--- a/ui/packages/consul-ui/app/components/pill/index.scss
+++ b/ui/packages/consul-ui/app/components/pill/index.scss
@@ -18,6 +18,9 @@ span.policy-node-identity::before {
 span.policy-service-identity::before {
   content: 'Service Identity: ';
 }
+%pill::before {
+  --icon-size: icon-300;
+}
 %pill.leader::before {
   @extend %with-star-outline-mask, %as-pseudo;
 }