diff --git a/src/components/Popular/Item.tsx b/src/components/Popular/Item.tsx
index f17bf23f..5d62c749 100644
--- a/src/components/Popular/Item.tsx
+++ b/src/components/Popular/Item.tsx
@@ -7,8 +7,12 @@ interface MostPopularItemProps {
 function SingleItem({ product }: MostPopularItemProps) {
   return (
     <div className=" flex flex-row hover:scale-105  hover:translate-y-0.5 hover:translate-x-0.5">
-      <div className=" max-h-20 max-w-20 ">
-        <img src={product.image} alt={product.name} className=" rounded" />
+      <div className=" flex flex-row items-center justify-center h-20 w-20 ">
+        <img
+          src={product.image}
+          alt={product.name}
+          className=" max-h-20 max-w-20 rounded"
+        />
       </div>
       <div className=" flex flex-col justify-between py-2 pl-1">
         <div>