update src/components/ProductSalesAmount/Design1/index.js

src/components/ProductSalesAmount/Design1/index.js

@@ -23,21 +23,20 @@ const Design1 = ({ title, price, incomes }) => {
               {income.income}
             </p>
             <div
-              className={`w-12 my-2 p-1 flex flex-row items-center justify-between self-end rounded ${
+              className={`w-12 p-1 my-2  flex flex-row items-center justify-between self-end rounded ${
                 income.percent > 0 ? "bg-green-100" : "bg-red-100"
               }`}
             >
               <span
-                style={{ direction: "initial" }}
                 className={`font-sansbold text-sm ${
                   income.percent > 0 ? "text-green-500" : "text-red-500"
                 }`}
               >
                 {income.percent}
               </span>
-              <img src={income.logo} alt="" />
+              <img src={income.logo} alt="logo" />
             </div>
-            <p className="text-xs leading-5 text-justify mt-2">
+            <p className="text-xs leading-5 text-justify mt-4">
               {income.excerpt}
             </p>
           </div>