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 baed5898a8..c8f7c399f0 100644
--- a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/EnvironmentStrategyExecutionOrder/EnvironmentStrategyExecutionOrder.tsx
+++ b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/EnvironmentStrategyExecutionOrder/EnvironmentStrategyExecutionOrder.tsx
@@ -11,12 +11,12 @@ import { Tab, TabList, TabPanel, Tabs } from '../ChangeTabComponents.tsx';
 import { useUiFlag } from 'hooks/useUiFlag.ts';
 import { ChangeItemInfo, ChangeItemWrapper } from '../Change.styles.tsx';
 
-const ChangeItem = styled(Box)({
+const LegacyChangeItemInfo = styled(Box)({
     display: 'flex',
     flexDirection: 'column',
 });
 
-const ChangeContent = styled(ChangeItem)(({ theme }) => ({
+const ChangeContent = styled(LegacyChangeItemInfo)(({ theme }) => ({
     gap: theme.spacing(2),
 }));
 
@@ -133,7 +133,7 @@ export const EnvironmentStrategyExecutionOrder = ({
     }
 
     return (
-        <ChangeItem>
+        <LegacyChangeItemInfo>
             <StyledChangeHeader>
                 <TooltipLink
                     tooltip={
@@ -161,6 +161,6 @@ export const EnvironmentStrategyExecutionOrder = ({
                     </StyledStrategyContainer>
                 ))}
             </StyledStrategyExecutionWrapper>
-        </ChangeItem>
+        </LegacyChangeItemInfo>
     );
 };