diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureStrategyList/PlaygroundResultStrategyList/PlaygroundResultFeatureStrategyItem/PlaygroundResultFeatureStrategyItem.styles.ts b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureStrategyList/PlaygroundResultStrategyList/PlaygroundResultFeatureStrategyItem/PlaygroundResultFeatureStrategyItem.styles.ts
index 205a7141af..60369dd079 100644
--- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureStrategyList/PlaygroundResultStrategyList/PlaygroundResultFeatureStrategyItem/PlaygroundResultFeatureStrategyItem.styles.ts
+++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureStrategyList/PlaygroundResultStrategyList/PlaygroundResultFeatureStrategyItem/PlaygroundResultFeatureStrategyItem.styles.ts
@@ -29,6 +29,7 @@ export const useStyles = makeStyles()(theme => ({
             padding: '0.5rem',
         },
         width: '100%',
+        flexShrink: 0,
         paddingBottom: '1rem',
         borderRadius: theme.shape.borderRadiusMedium,
         background: theme.palette.background.default,
diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureStrategyList/PlaygroundResultStrategyList/PlaygroundResultFeatureStrategyItem/PlaygroundResultFeatureStrategyItem.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureStrategyList/PlaygroundResultStrategyList/PlaygroundResultFeatureStrategyItem/PlaygroundResultFeatureStrategyItem.tsx
index 4b6f54fbad..d0832253d2 100644
--- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureStrategyList/PlaygroundResultStrategyList/PlaygroundResultFeatureStrategyItem/PlaygroundResultFeatureStrategyItem.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureStrategyList/PlaygroundResultStrategyList/PlaygroundResultFeatureStrategyItem/PlaygroundResultFeatureStrategyItem.tsx
@@ -26,7 +26,7 @@ const StyledItemWrapper = styled('div')(({ theme }) => ({
     flexDirection: 'row',
     alignItems: 'center',
     marginTop: '4px',
-    gap: '4px',
+    gap: '8px',
 }));
 
 export const PlaygroundResultFeatureStrategyItem = ({
@@ -56,6 +56,7 @@ export const PlaygroundResultFeatureStrategyItem = ({
                 width: '100%',
                 position: 'relative',
                 paddingRight: compact ? '12px' : 0,
+                ml: '-12px'
             }}
         >
             <ConditionallyRender
@@ -63,7 +64,7 @@ export const PlaygroundResultFeatureStrategyItem = ({
                 show={<StrategySeparator text="OR" />}
             />
             <StyledItemWrapper>
-                <Typography variant={'subtitle1'}>{index + 1}</Typography>
+                <Typography variant={'subtitle1'} color={'text.secondary'}>{index + 1}</Typography>
                 <Box className={styles.innerContainer} sx={{ border }}>
                     <div className={styles.header}>
                         <div className={styles.headerName}>
diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureStrategyList/PlaygroundResultStrategyList/PlaygroundResultFeatureStrategyItem/PlaygroundResultStrategyExecution/PlaygroundResultStrategyExecution.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureStrategyList/PlaygroundResultStrategyList/PlaygroundResultFeatureStrategyItem/PlaygroundResultStrategyExecution/PlaygroundResultStrategyExecution.tsx
index 41315c33b6..dd35b68852 100644
--- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureStrategyList/PlaygroundResultStrategyList/PlaygroundResultFeatureStrategyItem/PlaygroundResultStrategyExecution/PlaygroundResultStrategyExecution.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/PlaygroundResultFeatureStrategyList/PlaygroundResultStrategyList/PlaygroundResultFeatureStrategyItem/PlaygroundResultStrategyExecution/PlaygroundResultStrategyExecution.tsx
@@ -19,7 +19,6 @@ import PercentageCircle from '../../../../../../../../common/PercentageCircle/Pe
 import StringTruncator from '../../../../../../../../common/StringTruncator/StringTruncator';
 import { useStrategies } from '../../../../../../../../../hooks/api/getters/useStrategies/useStrategies';
 import { PlaygroundConstraintItem } from '../PlaygroundConstraintItem/PlaygroundConstraintItem';
-import { ConstraintItem } from '../../../../../../../../feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/StrategyExecution/ConstraintItem/ConstraintItem';
 
 interface PlaygroundResultStrategyExecutionProps {
     strategyResult: PlaygroundStrategySchema;
@@ -31,6 +30,11 @@ const StyledStrategyExecutionWrapper = styled('div')(({ theme }) => ({
     padding: theme.spacing(1),
 }));
 
+const StyledParamWrapper = styled('div')(({ theme }) => ({
+    padding: theme.spacing(2,1),
+}));
+
+
 export const PlaygroundResultStrategyExecution = ({
     strategyResult,
     input,
@@ -155,7 +159,7 @@ export const PlaygroundResultStrategyExecution = ({
         });
     };
 
-    const renderCustomStrategy = () => {
+    const renderCustomStrategyParameters = () => {
         if (!definition?.editable) return null;
         return definition?.parameters.map((param: any, index: number) => {
             const notLastItem = index !== definition?.parameters?.length - 1;
@@ -166,7 +170,7 @@ export const PlaygroundResultStrategyExecution = ({
                     );
                     return (
                         <Fragment key={param?.name}>
-                            <ConstraintItem value={values} text={param.name} />
+                            <PlaygroundConstraintItem value={values} text={param.name} />
                             <ConditionallyRender
                                 condition={notLastItem}
                                 show={<StrategySeparator text="AND" />}
@@ -352,8 +356,10 @@ export const PlaygroundResultStrategyExecution = ({
                     </Box>
                 }
             />
-            {renderParameters()}
-            {renderCustomStrategy()}
+            <StyledParamWrapper>
+                {renderParameters()}
+                {renderCustomStrategyParameters()}
+            </StyledParamWrapper>
         </StyledStrategyExecutionWrapper>
     );
 };