diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ChangeSegmentName.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ChangeSegmentName.tsx
deleted file mode 100644
index ce9ba12007..0000000000
--- a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ChangeSegmentName.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { NameWithChangeInfo } from './NameWithChangeInfo/NameWithChangeInfo.tsx';
-
-export const ChangeSegmentName = NameWithChangeInfo;
diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/NameWithChangeInfo/NameWithChangeInfo.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/NameWithChangeInfo/NameWithChangeInfo.tsx
index ec645c25e3..d840ed899e 100644
--- a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/NameWithChangeInfo/NameWithChangeInfo.tsx
+++ b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/NameWithChangeInfo/NameWithChangeInfo.tsx
@@ -14,8 +14,8 @@ const NewName = styled(Typography)<TypographyProps>({
 });
 
 export const NameWithChangeInfo: FC<{
-    newName: string | undefined;
-    previousName: string | undefined;
+    newName?: string;
+    previousName?: string;
 }> = ({ newName, previousName }) => {
     const titleHasChanged = Boolean(previousName && previousName !== newName);
     const titleHasChangedOrBeenAdded = Boolean(
diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/SegmentChangeDetails.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/SegmentChangeDetails.tsx
index 0c9d98e062..32bf879f85 100644
--- a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/SegmentChangeDetails.tsx
+++ b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/SegmentChangeDetails.tsx
@@ -11,8 +11,8 @@ import { ViewableConstraintsList } from 'component/common/NewConstraintAccordion
 import { ChangeOverwriteWarning } from './ChangeOverwriteWarning/ChangeOverwriteWarning.tsx';
 import { Tab, TabList, TabPanel, Tabs } from './ChangeTabComponents.tsx';
 import { ChangeItemInfo, ChangeItemWrapper } from './Change.styles.tsx';
-import { ChangeSegmentName } from './ChangeSegmentName.tsx';
 import { SegmentDiff } from './SegmentDiff.tsx';
+import { NameWithChangeInfo } from './NameWithChangeInfo/NameWithChangeInfo.tsx';
 
 const ChangeItemCreateEditWrapper = styled(Box)(({ theme }) => ({
     display: 'flex',
@@ -84,8 +84,8 @@ export const SegmentChangeDetails: FC<{
                                 >
                                     - Deleting segment
                                 </Typography>
-                                <ChangeSegmentName
-                                    name={change.payload.name}
+                                <NameWithChangeInfo
+                                    newName={change.payload.name}
                                     previousName={previousName}
                                 />
                             </ChangeItemInfo>
@@ -116,7 +116,9 @@ export const SegmentChangeDetails: FC<{
                                 <Typography component='span'>
                                     Editing segment
                                 </Typography>
-                                <ChangeSegmentName name={change.payload.name} />
+                                <NameWithChangeInfo
+                                    newName={change.payload.name}
+                                />
                             </ChangeItemInfo>
                             {actionsWithTabs}
                         </ChangeItemCreateEditWrapper>