From ee9e1696ce508b1bbd9e515663dc926cd63e1db3 Mon Sep 17 00:00:00 2001
From: Brandon Cohen <cohbrandon@gmail.com>
Date: Fri, 20 Jan 2023 09:46:29 -0500
Subject: [PATCH] fix: arrow icons were misplaced on mobile in slider edit
 (#3260)

---
 src/components/Discover/DiscoverSliderEdit/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Discover/DiscoverSliderEdit/index.tsx b/src/components/Discover/DiscoverSliderEdit/index.tsx
index 5f207654c..970a9887a 100644
--- a/src/components/Discover/DiscoverSliderEdit/index.tsx
+++ b/src/components/Discover/DiscoverSliderEdit/index.tsx
@@ -278,7 +278,7 @@ const DiscoverSliderEdit = ({
               </Button>
             </>
           )}
-          <div className="absolute right-4 flex px-2 md:relative md:right-0">
+          <div className="absolute right-14 top-4 flex px-2 md:relative md:top-0 md:right-0">
             <button
               className={'hover:text-white disabled:text-gray-800'}
               onClick={() =>
@@ -286,7 +286,7 @@ const DiscoverSliderEdit = ({
               }
               disabled={disableUpButton}
             >
-              <ChevronUpIcon className="h-8 w-8 md:h-6 md:w-8" />
+              <ChevronUpIcon className="h-7 w-7 md:h-6 md:w-6" />
             </button>
             <button
               className={'hover:text-white disabled:text-gray-800'}
@@ -295,7 +295,7 @@ const DiscoverSliderEdit = ({
               }
               disabled={disableDownButton}
             >
-              <ChevronDownIcon className="h-8 w-8 md:h-6 md:w-8" />
+              <ChevronDownIcon className="h-7 w-7 md:h-6 md:w-6" />
             </button>
           </div>
           <div className="absolute top-4 right-4 flex-1 text-right md:relative md:top-0 md:right-0">