Adjusting Heading for Scaffolding Template Page

Signed-off-by: Efrain Gutierrez <v-efgutierrez@expediagroup.com>
2021-04-07 11:49:02 -05:00
parent faeda51867
commit d0e2116c44
4 changed files with 17 additions and 4 deletions
@@ -75,7 +75,9 @@ export const MultistepJsonForm = ({
          return (
            <StepUI key={title}>
              <StepLabel>
-                <Typography variant="h6">{title}</Typography>
+                <Typography variant="h6" component="h3">
+                  {title}
+                </Typography>
              </StepLabel>
              <StepContent key={title}>
                <Form
@@ -187,7 +187,11 @@ export const TemplatePage = () => {
      <Content>
        {loading && <LinearProgress data-testid="loading-progress" />}
        {schema && (
-          <InfoCard title={schema.title} noPadding>
+          <InfoCard
+            title={schema.title}
+            noPadding
+            titleTypographyProps={{ component: 'h2' }}
+          >
            <MultistepJsonForm
              formData={formState}
              fields={{ RepoUrlPicker, OwnerPicker }}