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 = ({