diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraint.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraint.tsx
index 9f4d455d36..937dc0a034 100644
--- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraint.tsx
+++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraint.tsx
@@ -75,6 +75,7 @@ const LegalValuesContainer = styled('div')(({ theme }) => ({
 const StyledSelect = styled(GeneralSelect)(({ theme }) => ({
     fieldset: { border: 'none', borderRadius: 0 },
     maxWidth: '25ch',
+    minWidth: '7ch',
     ':focus-within .MuiSelect-select': {
         background: 'none',
     },
@@ -84,9 +85,7 @@ const StyledSelect = styled(GeneralSelect)(({ theme }) => ({
         margin: 0,
     },
     '&::before': {
-        border: 'none',
-        // make it transparent so that it fades in
-        borderColor: `${theme.palette.primary.main}00`,
+        borderColor: theme.palette.divider,
     },
     '&&:hover::before': {
         borderColor: theme.palette.primary.main,