fix font inconsistency

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;

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]}