From 97fc5f5f1dfb822c85cf6e7e2105497be11a9b77 Mon Sep 17 00:00:00 2001
From: Unchained <unchained@nodecrew.me>
Date: Sun, 22 Mar 2026 09:11:13 +0200
Subject: [PATCH] Fix JSX indentation in Similar Products section

---
 src/components/product/ProductDetail.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/product/ProductDetail.tsx b/src/components/product/ProductDetail.tsx
index 08f55d5..7a212b6 100644
--- a/src/components/product/ProductDetail.tsx
+++ b/src/components/product/ProductDetail.tsx
@@ -417,13 +417,14 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
             <div className="flex justify-center">
               <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8">
                 {relatedProducts.filter(p => p && p.id).slice(0, 4).map((relatedProduct, index) => (
-                <ProductCard 
-                  key={relatedProduct.id} 
-                  product={relatedProduct} 
-                  index={index}
-                  locale={locale}
-                />
-              ))}
+                  <ProductCard 
+                    key={relatedProduct.id} 
+                    product={relatedProduct} 
+                    index={index}
+                    locale={locale}
+                  />
+                ))}
+              </div>
             </div>
           </div>
         </section>