diff --git a/product-preview-card-component/index.html b/product-preview-card-component/index.html
index fa64069..56bce39 100644
--- a/product-preview-card-component/index.html
+++ b/product-preview-card-component/index.html
@@ -38,21 +38,24 @@
       >
     </picture>
 
-    <div class="ProductCard-category">Perfume</div>
+    <section class="ProductCard-body">
+      <div class="ProductCard-category">Perfume</div>
 
-    <h1 class="ProductCard-title">Gabrielle Essence Eau De Parfum</h1>
+      <h1 class="ProductCard-title">Gabrielle Essence Eau De Parfum</h1>
 
-    <p class="ProductCard-description">
-      A floral, solar and voluptuous interpretation composed by Olivier Polge, Perfumer-Creator for
-      the House of CHANEL.
-    </p>
+      <p class="ProductCard-description">
+        A floral, solar and voluptuous interpretation composed by Olivier Polge, Perfumer-Creator
+        for
+        the House of CHANEL.
+      </p>
 
-    <div class="ProductCard-priceContainer">
-      <span class="ProductCard-price">$149.99</span>
-      <span class="ProductCard-price--discounted">$169.99</span>
-    </div>
+      <div class="ProductCard-priceContainer">
+        <span class="ProductCard-price">$149.99</span>
+        <span class="ProductCard-price--discounted">$169.99</span>
+      </div>
 
-    <button class="ProductCard-addToCart">Add to Cart</button>
+      <button class="ProductCard-addToCart">Add to Cart</button>
+    </section>
   </main>
 </div>
 
diff --git a/product-preview-card-component/src/style.css b/product-preview-card-component/src/style.css
index 1ce4f77..5707861 100644
--- a/product-preview-card-component/src/style.css
+++ b/product-preview-card-component/src/style.css
@@ -1,11 +1,11 @@
 /* ----------------------------------------------------------------------------------- &root ---- */
 
 :root {
-    --c-dark-cyan: hsl(158, 36%, 37%);
+    --c-darkCyan: hsl(158, 36%, 37%);
     --c-cream: hsl(30, 38%, 92%);
 
-    --c-dark-blue: hsl(212, 21%, 14%);
-    --c-gray-blue: hsl(228, 12%, 48%);
+    --c-darkBlue: hsl(212, 21%, 14%);
+    --c-grayBlue: hsl(228, 12%, 48%);
 
     --t-family-body: 'Montserrat';
     --t-weight-body: 500;
@@ -27,6 +27,7 @@ body {
     background-color: var(--c-cream);
     font-family: var(--t-family-body);
     font-weight: var(--t-weight-body);
+    color: hsla(0, 0%, 0%, 60%);
 }
 
 .wrapper {
@@ -38,15 +39,24 @@ body {
 /* ---------------------------------------------------------------------------- &ProductCard ---- */
 
 .ProductCard {
-    --border-radius: 10px;
+    --ProductCard-borderRadius: 10px;
 
     height: 90%;
     width: 90%;
     background-color: white;
-    border-radius: var(--border-radius);
+    border-radius: var(--ProductCard-borderRadius);
 }
 
 .ProductCard-picture {
     width: 100%;
-    border-radius: var(--border-radius) var(--border-radius) 0 0;
+    border-radius: var(--ProductCard-borderRadius) var(--ProductCard-borderRadius) 0 0;
+}
+
+.ProductCard-body {
+    padding: 1.25rem 1.75rem;
+}
+
+.ProductCard-category {
+    text-transform: uppercase;
+    letter-spacing: .3rem;
 }