Merge pull request #956 from ZopaPublic/product-template-title-spacing

Product template title spacing
ZopaPublic · Dec 29, 2023 · 0f584ac · 0f584ac
2 parents 850a3f9 + 28920b1
commit 0f584ac
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/templates/ProductTemplate/ProductTemplateTitle/ProductTemplateTitle.tsx b/src/components/templates/ProductTemplate/ProductTemplateTitle/ProductTemplateTitle.tsx
@@ -52,7 +52,7 @@ export function ProductTemplateTitle({
       <ProductTemplateTitleContainer>
         <ProductTemplateTitleInnerContainer className="pt-7 m:pt-9 mx-6 m:mx-0">
           {title && (
-            <Heading as="h1" size={width > breakpoints.phone ? 'h1' : 'h2'} align="center">
+            <Heading as="h1" size={width > breakpoints.phone ? 'h1' : 'h2'} align="center" className="px-8">
               {title}
             </Heading>
           )}

diff --git a/...tes/ProductTemplate/ProductTemplateTitle/__snapshots__/ProductTemplateTitle.test.tsx.snap b/...tes/ProductTemplate/ProductTemplateTitle/__snapshots__/ProductTemplateTitle.test.tsx.snap
@@ -50,7 +50,7 @@ exports[`<ProductTemplateTitle /> renders correct sized title on desktop 1`] = `
         class="c2 pt-7 m:pt-9 mx-6 m:mx-0"
       >
         <h1
-          class="c3"
+          class="c3 px-8"
         >
           ProductTemplateTitle title
         </h1>
@@ -113,7 +113,7 @@ exports[`<ProductTemplateTitle /> renders correct sized title on small screens 1
         class="c2 pt-7 m:pt-9 mx-6 m:mx-0"
       >
         <h1
-          class="c3"
+          class="c3 px-8"
         >
           ProductTemplateTitle title
         </h1>
@@ -190,7 +190,7 @@ exports[`<ProductTemplateTitle /> renders with all the props 1`] = `
         class="c2 pt-7 m:pt-9 mx-6 m:mx-0"
       >
         <h1
-          class="c3"
+          class="c3 px-8"
         >
           ProductTemplateTitle title
         </h1>