diff --git a/src/Components/Shopping/Basket.js b/src/Components/Shopping/Basket.js
index 7d663e7..aebb9a0 100644
--- a/src/Components/Shopping/Basket.js
+++ b/src/Components/Shopping/Basket.js
@@ -2,7 +2,7 @@ import React from "react";
 
 function Basket({ basket, cost }) {
   return (
-    <div className="bg-[#654943]  flex flex-col gap-[12px] justify-around text-[#A39583] items-center text-center w-[306px] h-[100vh] overflow-auto">
+    <div className="bg-[#654943]  flex flex-col gap-[12px] justify-around text-[#A39583] items-center text-center w-[650px] min-h-[100vh]">
       <b><h1>Basket</h1></b>
       {(basket.length === 0 && <b><p>Not found product</p></b>) || null}
       {basket.map((item) => (
diff --git a/src/Components/Shopping/MainDev.js b/src/Components/Shopping/MainDev.js
index 6d82c85..92efae6 100644
--- a/src/Components/Shopping/MainDev.js
+++ b/src/Components/Shopping/MainDev.js
@@ -7,14 +7,14 @@ function MainDev() {
   const [basket, setBasket] = useState([]);
   const [cost, setCost] = useState("");
   return (
-    <div>
+    <div className="w-[100%] ">
       <b>
         <h1 className="text-center font-extrabold my-[25px] text-[32px] text-[#6C4C47] ">
           Shopping Day
         </h1>
       </b>
-      <div className="flex  overflow-hidden">
-        <div className="flex  w-[80%] py-[15px] px-[2px]">
+      <div className="flex ">
+        <div className="flex flex-wrap gap-[12px]  px-[2px]">
           {products.map((product) => (
             <Product
               key={products.id}
@@ -24,7 +24,7 @@ function MainDev() {
             />
           ))}
         </div>
-        <Basket cost={cost} basket={basket} />
+        <Basket  cost={cost} basket={basket} />
       </div>
     </div>
   );
diff --git a/src/Components/Shopping/Product.js b/src/Components/Shopping/Product.js
index 21322dc..455241e 100644
--- a/src/Components/Shopping/Product.js
+++ b/src/Components/Shopping/Product.js
@@ -54,7 +54,7 @@ function Shopping({ product, basket, setBasket }) {
   }
 
   return (
-    <div className=" w-[250px] ">
+    <div className=" w-[250px] pl-[80px]  ">
       <div>
         <div className="bg-[#A39583] flex flex-col gap-[5px] justify-center items-center ">
           <img