diff --git a/src/components/product/ProductCard.tsx b/src/components/product/ProductCard.tsx
index ce3a9da..7b6bc10 100644
--- a/src/components/product/ProductCard.tsx
+++ b/src/components/product/ProductCard.tsx
@@ -33,7 +33,7 @@ export default function ProductCard({ product, index = 0, locale = "SR" }: Produ
               src={image}
               alt={localized.name}
               fill
-              className="object-cover transition-transform duration-700 ease-out group-hover:scale-105"
+              className="object-contain transition-transform duration-700 ease-out group-hover:scale-105"
               sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw"
             />
           ) : (
diff --git a/src/components/product/ProductDetail.tsx b/src/components/product/ProductDetail.tsx
index 9ed5aab..c7db13b 100644
--- a/src/components/product/ProductDetail.tsx
+++ b/src/components/product/ProductDetail.tsx
@@ -171,7 +171,7 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
                         src={image.url}
                         alt={image.alt || localized.name}
                         fill
-                        className="object-cover"
+                        className="object-contain"
                         sizes="80px"
                       />
                     </button>
@@ -186,7 +186,7 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
                     src={images[selectedImage].url}
                     alt={images[selectedImage].alt || localized.name}
                     fill
-                    className="object-cover"
+                    className="object-contain"
                     priority
                     sizes="(max-width: 1024px) 100vw, 50vw"
                   />