diff --git a/client/src/components/settings/certification.tsx b/client/src/components/settings/certification.tsx index 59e9d3e4c80dfb..c158f00c4306cb 100644 --- a/client/src/components/settings/certification.tsx +++ b/client/src/components/settings/certification.tsx @@ -334,26 +334,30 @@ function CertificationSettings(props: CertificationSettingsProps) { }) => { const { certSlug } = certsToProjects[certName][0]; return ( - - -

- {t(`certification.title.${certName}`, certName)} -

- - - - - - - - - - -
{t('settings.labels.project-name')}{t('settings.labels.solution')}
-
+ +
+ + +

+ {t(`certification.title.${certName}`, certName)} +

+ + + + + + + + + + +
{t('settings.labels.project-name')}{t('settings.labels.solution')}
+
+
+
); }; @@ -413,43 +417,38 @@ function CertificationSettings(props: CertificationSettingsProps) { const { t } = props; return ( - -
- {t('settings.headings.certs')} - {currentCertTitles.map(title => ( - - ))} - - {t('settings.headings.legacy-certs')} - - {legacyCertTitles.map(title => ( +
+ {t('settings.headings.certs')} + {currentCertTitles.map(title => ( + + ))} + + {t('settings.headings.legacy-certs')} + + {legacyCertTitles.map(title => ( + + ))} + {showUpcomingChanges && + upcomingCertTitles.map(title => ( ))} - {showUpcomingChanges && - upcomingCertTitles.map(title => ( - - ))} - - - -
- + + + +
); } diff --git a/client/src/templates/Introduction/components/cert-challenge.tsx b/client/src/templates/Introduction/components/cert-challenge.tsx index 7f92b7e8a95aec..ec086d42dab29d 100644 --- a/client/src/templates/Introduction/components/cert-challenge.tsx +++ b/client/src/templates/Introduction/components/cert-challenge.tsx @@ -129,7 +129,7 @@ const CertChallenge = ({