change display product

src/components/ProductCard.js

@@ -44,7 +44,7 @@ export default function ProductCard({
     >
       <CardMedia
         sx={{ pt: 1 }}
-        className="rounded"
+        className="rounded object-contain"
         component={"img"}
         height={150}
         image={product.image.length ? product.image : "/empty.jpg"}

src/pages/admin/stock.js

@@ -74,7 +74,7 @@ export default function Stock() {
                 <h5 className="h-[40px] overflow-y-hidden">{product.name}</h5>
               </Box>
               <CardMedia
-                className="rounded"
+                className="rounded object-contain"
                 component={"img"}
                 height={150}
                 image={product.image.length ? product.image : "/empty.jpg"}