diff --git a/src/components/product/ProductDetail.tsx b/src/components/product/ProductDetail.tsx
index 0fa4640..08f55d5 100644
--- a/src/components/product/ProductDetail.tsx
+++ b/src/components/product/ProductDetail.tsx
@@ -414,8 +414,9 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
                 {locale === "EN" ? "Similar Products" : "Slični proizvodi"}
               </h2>
             </div>
-            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8 justify-center">
-              {relatedProducts.filter(p => p && p.id).slice(0, 4).map((relatedProduct, index) => (
+            <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}