From 06f9e71f392dec68c529635b03c0fab861c5783b Mon Sep 17 00:00:00 2001
From: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
Date: Thu, 15 Jun 2023 13:39:22 +0200
Subject: [PATCH] fix: show environment reorder handle (#3990)

## About the changes
Handle icon for reordering environments was not showing up.

**Before:**

![image](https://github.com/Unleash/unleash/assets/2625371/977cdda4-6cf2-4acf-affc-f812907bb543)

**After**

![image](https://github.com/Unleash/unleash/assets/2625371/ce495682-5366-4d31-8f5d-1601949d5089)
---
 .../common/StrategyItemContainer/StrategyItemContainer.tsx    | 2 +-
 .../EnvironmentIconCell/EnvironmentIconCell.tsx               | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/common/StrategyItemContainer/StrategyItemContainer.tsx b/frontend/src/component/common/StrategyItemContainer/StrategyItemContainer.tsx
index 55255af4b7..8e330f44b4 100644
--- a/frontend/src/component/common/StrategyItemContainer/StrategyItemContainer.tsx
+++ b/frontend/src/component/common/StrategyItemContainer/StrategyItemContainer.tsx
@@ -134,7 +134,7 @@ export const StrategyItemContainer: FC<IStrategyItemContainerProps> = ({
                                 <DragIndicator
                                     titleAccess="Drag to reorder"
                                     cursor="grab"
-                                    sx={{ color: 'neutral.main' }}
+                                    sx={{ color: 'action.active' }}
                                 />
                             </DragIcon>
                         )}
diff --git a/frontend/src/component/environments/EnvironmentTable/EnvironmentIconCell/EnvironmentIconCell.tsx b/frontend/src/component/environments/EnvironmentTable/EnvironmentIconCell/EnvironmentIconCell.tsx
index 425c949a46..16fd1ff081 100644
--- a/frontend/src/component/environments/EnvironmentTable/EnvironmentIconCell/EnvironmentIconCell.tsx
+++ b/frontend/src/component/environments/EnvironmentTable/EnvironmentIconCell/EnvironmentIconCell.tsx
@@ -10,14 +10,14 @@ const StyledCell = styled(Box)(({ theme }) => ({
     justifyContent: 'flex-end',
     paddingLeft: theme.spacing(0.5),
     minWidth: theme.spacing(6.5),
+    cursor: 'grab',
 }));
 
 const DragIcon = styled(IconButton)(({ theme }) => ({
     padding: theme.spacing(1.5, 0),
     cursor: 'inherit',
     transition: 'color 0.2s ease-in-out',
-    display: 'none',
-    color: theme.palette.neutral.main,
+    color: theme.palette.action.active,
 }));
 
 const StyledCloudCircle = styled(CloudCircle, {