diff --git a/src/components/Banners/index.js b/src/components/Banners/index.js
index 124f001..2906e46 100644
--- a/src/components/Banners/index.js
+++ b/src/components/Banners/index.js
@@ -15,13 +15,13 @@ const Banners = ({
 
             }}>
 
-                <img src={mainBanner} className="rounded-xl h-full" />
+                <img src={mainBanner} className="rounded-xl h-full w-full" />
 
             </div>
             <div className="flex h-full w-1/2 ">
                 <div className="flex flex-col w-1/2 h-full px-6 justify-center items-between">
 
-                    <div className={`${midTopBanner ? '' : 'h-1/2 '} w-full rounded-xl mb-2`}
+                    <div className={`${midTopBanner ? '' : 'h-1/2 '}  rounded-xl mb-2`}
                         style={{
                             background: midTopBanner ? '' : 'rgba(134,160,185,0.16)',
 
@@ -30,19 +30,19 @@ const Banners = ({
 
                         <img src={midTopBanner} className="rounded-xl" />
                     </div>
-                    <div className={`${midBottomBanner ? '' : 'h-1/2 '} w-full rounded-xl mt-2`}
+                    <div className={`${midBottomBanner ? 'h-1/2' : 'h-1/2 '}  flex justify-center rounded-xl mt-2`}
                         style={{
                             background: midBottomBanner ? '' : 'rgba(134,160,185,0.16)',
 
                         }}
                     >
 
-                        <img src={midBottomBanner} className="rounded-xl" />
+                        <img src={midBottomBanner} className="rounded-xl h-full" />
 
                     </div>
 
                 </div>
-                <div className=" h-full w-1/2 rounded-xl"
+                <div className=" h-full w-1/2 rounded-xl flex justify-center"
                     style={{
                         background: leftBanner ? '' : 'rgba(134,160,185,0.16)',
 
diff --git a/src/views/Home/Desktop/index.js b/src/views/Home/Desktop/index.js
index 56ef50e..6620c23 100644
--- a/src/views/Home/Desktop/index.js
+++ b/src/views/Home/Desktop/index.js
@@ -23,7 +23,12 @@ const DesktopHome = (
 return (
 
     <div className="flex flex-col items-center w-11/12 justify-center my-10">
-        <Banners/>
+        <Banners
+          mainBanner='https://dkstatics-public.digikala.com/digikala-adservice-banners/d2a56a4a0c3ce4645bf0b405b0bbf3a29da1cbd3_1642861192.jpg'
+          midBottomBanner='https://dkstatics-public.digikala.com/digikala-adservice-banners/e13aefeda2d3b44db78a92aac9cdc82a9b1650e9_1632230372.jpg?'
+          leftBanner='https://dkstatics-public.digikala.com/digikala-adservice-banners/54d75e08cb0a72920ac3b2338232bf5ca70ccc74_1641638418.jpg'
+          midTopBanner='https://dkstatics-public.digikala.com/digikala-adservice-banners/fe8f275f4e4b5e6eb2f66cf65f3895398e049b40_1625578273.jpg'
+        />
         <SalesContainer books={books} grades={grades}/>
         <Part2  grades={grades}/>
         <div className="mb-16">