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

danielnaab · danielnaab · commit 5f3969b8b85b · 2021-08-17T16:10:46.000-05:00
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
