diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx index 2869c1723e..d2f74dcfd2 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx @@ -60,6 +60,12 @@ const AdditionalStrategiesDiv = styled('div')(({ theme }) => ({ marginBottom: theme.spacing(2), })); +const StyledStrategyList = styled('ol')({ + listStyle: 'none', + padding: 0, + margin: 0, +}); + export const EnvironmentAccordionBody = ({ featureEnvironment, isDisabled, @@ -257,29 +263,33 @@ export const EnvironmentAccordionBody = ({ !manyStrategiesPagination } show={ - <> + {strategies.map((strategy, index) => ( - +
  • + +
  • ))} - +
    } elseShow={ <> @@ -291,27 +301,35 @@ export const EnvironmentAccordionBody = ({ segments.
    - {page.map((strategy, index) => ( - {}) as any - } - onDragOver={(() => {}) as any} - onDragEnd={(() => {}) as any} - /> - ))} + + {page.map((strategy, index) => ( +
  • + {}) as any + } + onDragOver={ + (() => {}) as any + } + onDragEnd={ + (() => {}) as any + } + /> +
  • + ))} +