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')],