Tweak to work with background color change introduced in uswds/uswds#…

…4199
18F · Aug 17, 2021 · 5f3969b · 5f3969b
1 parent 4de7447
commit 5f3969b
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/web/src/browser/views/components/ValidatorPage.tsx b/src/web/src/browser/views/components/ValidatorPage.tsx
@@ -122,7 +122,10 @@ export const ValidatorPage = () => {
               </div>
               <div className="usa-radio">
                 {schematron.filterOptions.roles.map((filterRole, index) => (
-                  <div key={index}>
+                  <div
+                    key={index}
+                    className={`bg-${colorTokenForRole(filterRole)}-lighter`}
+                  >
                     <input
                       className="usa-radio__input usa-radio__input--tile"
                       id={`role-${filterRole}`}
@@ -135,9 +138,7 @@ export const ValidatorPage = () => {
                       }
                     />
                     <label
-                      className={`usa-radio__label bg-${colorTokenForRole(
-                        filterRole,
-                      )}-lighter`}
+                      className="usa-radio__label"
                       htmlFor={`role-${filterRole}`}
                     >
                       <svg