diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraint.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraint.tsx
index 2883cc57fc..0d3729d6c9 100644
--- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraint.tsx
+++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraint.tsx
@@ -85,6 +85,11 @@ const StyledSelect = styled(GeneralSelect)(({ theme }) => ({
     },
     '&::before': {
         border: 'none',
+        // make it transparent so that it fades in
+        borderColor: `${theme.palette.primary.main}00`,
+    },
+    '&&:hover::before': {
+        borderColor: theme.palette.primary.main,
     },
 }));