diff --git a/components/product/ProductCard/ProductCard.module.css b/components/product/ProductCard/ProductCard.module.css index 0c8dd1c04..2a1c28c2e 100644 --- a/components/product/ProductCard/ProductCard.module.css +++ b/components/product/ProductCard/ProductCard.module.css @@ -88,10 +88,11 @@ } & .productTitle { - margin-top: -7px; + @apply pt-2; font-size: 1rem; + & span { - line-height: 3; + @apply leading-extra-loose; } } @@ -101,7 +102,7 @@ } .productTitle { - @apply pt-2 max-w-full w-full; + @apply pt-0 max-w-full w-full leading-extra-loose; font-size: 2rem; letter-spacing: 0.4px; diff --git a/tailwind.config.js b/tailwind.config.js index ec80f58e3..24416d3e7 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -46,6 +46,9 @@ module.exports = { magical: 'rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px', }, + lineHeight: { + 'extra-loose': '2.2' + } }, }, plugins: [require('@tailwindcss/ui')],