Sales Container Fixed

src/components/SalesContainer/index.js

@@ -20,13 +20,14 @@ const SalesContainer = ({
       }, []);
     return(
         <div className="w-full my-10">
-            <div className="w-full">
+            <div className="w-full border-b-2 border-solid border-blue-300 mb-24" style={{height: '100px'}}>
             <div className="w-1/3 p-10 bg-white flex justify-between items-center" style={{
-                marginBottom:'-5px'
+                marginBottom:'-5px',
+                height:'200px'
             }} onClick={() => console.log(list)}>
                 
                 <div className="flex items-center ">
-                <div className="w-6 h-6 bg-blue-300 ml-4 rounded-full"></div>
+                {/* <div className="w-6 h-6 bg-blue-300 ml-4 rounded-full"></div> */}
                     <h1 className="text-3xl leading-normal">
                         
                         <h3 className=" bg-blueC0 text-white text-center"> دوشنبه </h3>
@@ -46,7 +47,7 @@ const SalesContainer = ({
             </div>
 
 </div>    
-        <ScrollContainer className="flex  overflow-x-scroll  border-t-0 py-4 pl-10" >
+        <ScrollContainer className="flex  overflow-x-scroll  border-t-0 py-4 pl-10" style={{height:'550px'}} >
           {
           list?.map((product, index) => (
             <Link to={"/products/" + product?.id}>
@@ -67,6 +68,7 @@ const SalesContainer = ({
                 big
                 starRate={Math.floor(Math.random() * 5) + 1}
                 discountPricePercent
+                hoverMode='blue'
               />
             </Link>
             ))}

src/views/Home/Desktop/Part2/index.js

@@ -25,7 +25,7 @@ const Part2 = (
         <div className="w-full my-6" style={{
           height: '550px'
         }}>
-            <div className="w-full flex justify-between items-center">
+            <div className="w-full flex justify-between items-center pr-10">
                 <div className="flex items-center text-4xl font-black text-blue52">
                 <div className="w-6 h-6 bg-blue-300 ml-4 rounded-full"></div>
                     <h1>
@@ -47,7 +47,7 @@ const Part2 = (
                             color= "text-blueC0"
                             onClick={() => null}
                             radius={false}
-                            twPaddings="py-4 px-12"
+                            twPaddings="py-4 px-12 rounded"
                         />
                     </Link>
                 </div>