diff --git a/src/components/Product/index.js b/src/components/Product/index.js
index 9db2d32..7faed55 100644
--- a/src/components/Product/index.js
+++ b/src/components/Product/index.js
@@ -78,7 +78,7 @@ const ProductDesign = ({
                 <img
                   src={productImg}
                   alt=""
-                  className="h-full rounded-lg cursor-pointer py-8"
+                  className="h-full rounded-lg cursor-pointer py-5"
                   onMouseEnter={() => setIsHovering(true)}
                   onMouseLeave={() => setIsHovering(false)}
                 />
@@ -132,7 +132,7 @@ const ProductDesign = ({
           <div className="px-2">
             <div className="mt-4">
               <h2
-                className={`leading-4 text-xs ${productTitleColor} ${productTitleAlignment}`}
+                className={`leading-4 text-xs py-1 ${productTitleColor} ${productTitleAlignment}`}
               >
                 {productName}
               </h2>