update Main.js

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

@@ -210,6 +210,24 @@ export const Main = ({
         </ul>
       </div>
       <div className="flex flex-col w-full relative">
+        {/* arrow */}
+        <div className="w-fit self-end flex flex-row items-center justify-between gap-x-2 px-2 py-1 bg-gray-50 border border-solid border-gray-200 rounded-md50">
+          <div className="cursor-pointer">
+            <img
+              src={dropdownIcon}
+              alt=""
+              className="w-5 transform -rotate-90 cursor-pointer"
+            />
+          </div>
+          <div className="cursor-pointer">
+            <img
+              src={dropdownIcon}
+              alt=""
+              className="w-5 transform rotate-90 cursor-pointer"
+            />
+          </div>
+        </div>
+        {/* carousel slider */}
         {filterLoading && (
           <div
             className="w-full flex justify-center items-center bg-white bg-opacity-70 z-20 backdrop-filter backdrop-blur-xl absolute left-0 top-0"
@@ -219,24 +237,6 @@ export const Main = ({
           </div>
         )}
         <div>
-          {/* arrow */}
-          <div className="w-20 flex flex-row items-center justify-between px-2 py-1 bg-gray-50 border border-solid border-gray-200 rounded-md50 divide-x">
-            <div className="">
-              <img
-                src={dropdownIcon}
-                alt=""
-                className={`w-4 transform transition-all -rotate-90  cursor-pointer`}
-              />
-            </div>
-            <div className="">
-              <img
-                src={dropdownIcon}
-                alt=""
-                className={`w-4 transform transition-all rotate-90 cursor-pointer`}
-              />
-            </div>
-          </div>
-
           {(filterOptions?.productType
             ? filterOptions.productType === "دوره ویدئویی"
             : true) && (
@@ -245,7 +245,6 @@ export const Main = ({
             </ScrollingCarousel>
           )}
         </div>
-
         <div className="w-full flex flex-row flex-wrap mt-0 border-t-2 border-solid border-gray-100 overflow-y-hidden gap-4 justify-evenly pt-3">
           {Items(1)}
         </div>