diff --git a/src/components/Office/ShipmentDisplay/ShipmentDisplay.stories.jsx b/src/components/Office/ShipmentDisplay/ShipmentDisplay.stories.jsx
index 2f4c4e3ef12..f9bbbb6ba14 100644
--- a/src/components/Office/ShipmentDisplay/ShipmentDisplay.stories.jsx
+++ b/src/components/Office/ShipmentDisplay/ShipmentDisplay.stories.jsx
@@ -9,7 +9,7 @@ import {
   ntsReleaseMissingInfo,
   postalOnlyInfo,
   diversionInfo,
-  cancelledInfo,
+  canceledInfo,
   ppmInfo,
   ppmInfoApprovedOrExcluded,
   ppmInfoRejected,
@@ -250,11 +250,11 @@ export const DivertedShipment = () => (
   </div>
 );
 
-export const CancelledShipment = () => (
+export const CanceledShipment = () => (
   <div style={{ padding: '20px' }}>
     <ShipmentDisplay
       shipmentId="1"
-      displayInfo={cancelledInfo}
+      displayInfo={canceledInfo}
       ordersLOA={ordersLOA}
       shipmentType={SHIPMENT_OPTIONS.HHG}
       isSubmitted
@@ -533,11 +533,11 @@ export const DivertedShipmentReadOnly = () => (
   </div>
 );
 
-export const CancelledShipmentReadOnly = () => (
+export const CanceledShipmentReadOnly = () => (
   <div style={{ padding: '20px' }}>
     <ShipmentDisplay
       shipmentId="1"
-      displayInfo={cancelledInfo}
+      displayInfo={canceledInfo}
       ordersLOA={ordersLOA}
       shipmentType={SHIPMENT_OPTIONS.HHG}
       isSubmitted
diff --git a/src/components/Office/ShipmentDisplay/ShipmentDisplay.test.jsx b/src/components/Office/ShipmentDisplay/ShipmentDisplay.test.jsx
index 93c0194b5e4..c7b65b8ebfc 100644
--- a/src/components/Office/ShipmentDisplay/ShipmentDisplay.test.jsx
+++ b/src/components/Office/ShipmentDisplay/ShipmentDisplay.test.jsx
@@ -8,7 +8,7 @@ import {
   ntsMissingInfo,
   postalOnlyInfo,
   diversionInfo,
-  cancelledInfo,
+  canceledInfo,
   ntsReleaseInfo,
   ntsReleaseMissingInfo,
   ordersLOA,
@@ -79,7 +79,7 @@ describe('Shipment Container', () => {
       expect(screen.getByText('diversion')).toBeInTheDocument();
     });
     it('renders with canceled tag', () => {
-      render(<ShipmentDisplay shipmentId="1" displayInfo={cancelledInfo} onChange={jest.fn()} isSubmitted={false} />);
+      render(<ShipmentDisplay shipmentId="1" displayInfo={canceledInfo} onChange={jest.fn()} isSubmitted={false} />);
       expect(screen.getByText('canceled')).toBeInTheDocument();
     });
     it('renders a disabled button when move is locked', () => {
diff --git a/src/components/Office/ShipmentDisplay/ShipmentDisplayTestData.js b/src/components/Office/ShipmentDisplay/ShipmentDisplayTestData.js
index 5bf1b4e5a11..b3c584fc751 100644
--- a/src/components/Office/ShipmentDisplay/ShipmentDisplayTestData.js
+++ b/src/components/Office/ShipmentDisplay/ShipmentDisplayTestData.js
@@ -127,7 +127,7 @@ export const diversionInfo = {
   counselorRemarks: 'counselor approved',
 };
 
-export const cancelledInfo = {
+export const canceledInfo = {
   heading: 'HHG',
   shipmentId: 'testShipmentId394',
   isDiversion: false,
diff --git a/src/components/Office/ShipmentHeading/shipmentheading.stories.jsx b/src/components/Office/ShipmentHeading/shipmentheading.stories.jsx
index 9bc7911df34..e46d51cebee 100644
--- a/src/components/Office/ShipmentHeading/shipmentheading.stories.jsx
+++ b/src/components/Office/ShipmentHeading/shipmentheading.stories.jsx
@@ -49,7 +49,7 @@ export const shipmentHeadingDiversion = () => (
   </MockProviders>
 );
 
-export const shipmentHeadingCancelled = () => (
+export const shipmentHeadingCanceled = () => (
   <MockProviders permissions={[permissionTypes.createShipmentCancellation]}>
     <ShipmentHeading
       shipmentInfo={{