diff --git a/static/icons/exchange.svg b/static/icons/exchange.svg
new file mode 100644
index 00000000..03af661a
--- /dev/null
+++ b/static/icons/exchange.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/icons/link.svg b/static/icons/link.svg
index 14a65ba1..59575945 100644
--- a/static/icons/link.svg
+++ b/static/icons/link.svg
@@ -1 +1 @@
-
+
diff --git a/styles/elements/_labels.scss b/styles/elements/_labels.scss
index 6fdcab3d..02347168 100644
--- a/styles/elements/_labels.scss
+++ b/styles/elements/_labels.scss
@@ -4,7 +4,8 @@
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_labels.scss
*/
-.label {
+.label,
+.usa-label {
@include h5;
display: inline-block;
@@ -15,7 +16,7 @@
vertical-align: middle;
margin: 0 $gap;
padding: 0 $gap;
- border-radius: $gap / 2;
+ border-radius: $gap / 3;
white-space: nowrap;
&--info {
@@ -37,4 +38,14 @@
&--purple {
background-color: $color-purple;
}
+
+ &--below {
+ margin-left: 0;
+ }
+
+ .icon {
+ @include icon-color($color-white)
+ @include icon-size(12)
+ margin: 0;
+ }
}
diff --git a/templates/applications/settings.html b/templates/applications/settings.html
index ccb342e4..d047ce7c 100644
--- a/templates/applications/settings.html
+++ b/templates/applications/settings.html
@@ -100,7 +100,7 @@
}}
{% if env['pending'] -%}
- PROCESSING
+ {{Icon('exchange')}} CHANGES PENDING
{% else %}
{{ "portfolios.applications.csp_link" | translate }} {{ Icon('link', classes="icon--tiny") }}