diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/EnvironmentStrategyExecutionOrder/EnvironmentStrategyExecutionOrder.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/EnvironmentStrategyExecutionOrder/EnvironmentStrategyExecutionOrder.tsx index 62034c66d9..baed5898a8 100644 --- a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/EnvironmentStrategyExecutionOrder/EnvironmentStrategyExecutionOrder.tsx +++ b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/EnvironmentStrategyExecutionOrder/EnvironmentStrategyExecutionOrder.tsx @@ -11,9 +11,12 @@ import { Tab, TabList, TabPanel, Tabs } from '../ChangeTabComponents.tsx'; import { useUiFlag } from 'hooks/useUiFlag.ts'; import { ChangeItemInfo, ChangeItemWrapper } from '../Change.styles.tsx'; -const ChangeContent = styled(Box)(({ theme }) => ({ +const ChangeItem = styled(Box)({ display: 'flex', flexDirection: 'column', +}); + +const ChangeContent = styled(ChangeItem)(({ theme }) => ({ gap: theme.spacing(2), })); @@ -96,7 +99,7 @@ export const EnvironmentStrategyExecutionOrder = ({ - Updating strategy execution order to + Updating strategy execution order to
@@ -130,7 +133,7 @@ export const EnvironmentStrategyExecutionOrder = ({ } return ( - + ))} - + ); };