diff --git a/src/common-components/AuthnValidationFormGroup.jsx b/src/common-components/AuthnValidationFormGroup.jsx
index 8084eba8..d5c7a57a 100644
--- a/src/common-components/AuthnValidationFormGroup.jsx
+++ b/src/common-components/AuthnValidationFormGroup.jsx
@@ -68,6 +68,7 @@ const AuthnCustomValidationFormGroup = (props) => {
 
   if (props.type === 'select') {
     inputProps.options = props.selectOptions;
+    inputProps.className = props.value === '' ? 'text-muted' : null;
   }
   if (props.type === 'checkbox') {
     inputProps.checked = props.isChecked;
diff --git a/src/register/tests/__snapshots__/RegistrationPage.test.jsx.snap b/src/register/tests/__snapshots__/RegistrationPage.test.jsx.snap
index 68fe577d..79f3a6e5 100644
--- a/src/register/tests/__snapshots__/RegistrationPage.test.jsx.snap
+++ b/src/register/tests/__snapshots__/RegistrationPage.test.jsx.snap
@@ -118,7 +118,7 @@ exports[`RegistrationPageTests should match TPA provider snapshot 1`] = `
           <span />
           <select
             aria-describedby=""
-            className="form-control"
+            className="form-control text-muted"
             id="country"
             name="country"
             onBlur={[Function]}
@@ -1643,7 +1643,7 @@ exports[`RegistrationPageTests should match default section snapshot 1`] = `
           <span />
           <select
             aria-describedby=""
-            className="form-control"
+            className="form-control text-muted"
             id="country"
             name="country"
             onBlur={[Function]}
@@ -3129,7 +3129,7 @@ exports[`RegistrationPageTests should match pending button state snapshot 1`] =
           <span />
           <select
             aria-describedby=""
-            className="form-control"
+            className="form-control text-muted"
             id="country"
             name="country"
             onBlur={[Function]}