updated last code | 10

src/views/Products/layouts/Desktop/Main.js

@@ -240,7 +240,7 @@ export const Main = ({
           </div>
         )}
         {books.length > 0 && (
-          <div className="relative w-full" style={{ direction: "ltr" }}>
+          <div className="relative w-full mt-7" style={{ direction: "ltr" }}>
             <Carousel
               show={Math.round(window.innerWidth / 666)}
               slide={2}
@@ -249,7 +249,7 @@ export const Main = ({
               transition={0.5}
               rightArrow={
                 <img
-                  className="bg-gray-50 p-2 absolute top-0 transform -rotate-90 translate-y-0 translate-x-0 left-6 cursor-pointer"
+                  className="bg-gray-50 p-2 absolute top-0 transform -rotate-90 -translate-y-5 translate-x-12  left-6 cursor-pointer"
                   src={dropdownIcon}
                   style={{
                     borderRight: "solid 2px #E5E7EB",
@@ -262,7 +262,7 @@ export const Main = ({
               }
               leftArrow={
                 <img
-                  className="bg-gray-50 p-2 absolute top-0 transform rotate-90 translate-y-0 translate-x-0 left-0 cursor-pointer"
+                  className="bg-gray-50 p-2 absolute top-0 transform rotate-90 -translate-y-5 translate-x-12 left-0 cursor-pointer"
                   src={dropdownIcon}
                   style={{
                     borderRight: "solid 2px #E5E7EB",