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, {