diff --git a/imports/plugins/core/orders/client/templates/list/ordersList.html b/imports/plugins/core/orders/client/templates/list/ordersList.html
index de22b717..7fdab252 100644
--- a/imports/plugins/core/orders/client/templates/list/ordersList.html
+++ b/imports/plugins/core/orders/client/templates/list/ordersList.html
@@ -23,7 +23,7 @@ <h3 class="panel-title">
           <span data-i18n="order.completed">Completed</span>
           {{else}} {{#if orderCancelled}}
 
-          <span data-i18n="order.canceled">Cancelled</span>
+          <span data-i18n="order.filter.canceled">Cancelled</span>
           {{else}}
           <span data-i18n="order.processing">Processing</span>
           {{/if}} {{/if}}
diff --git a/imports/plugins/core/orders/client/templates/orders.js b/imports/plugins/core/orders/client/templates/orders.js
index e4259ec4..1c58109b 100644
--- a/imports/plugins/core/orders/client/templates/orders.js
+++ b/imports/plugins/core/orders/client/templates/orders.js
@@ -309,6 +309,14 @@ Template.orderStatusDetail.helpers({
 
   shipmentStatus() {
     const self = this;
+    if (this.workflow.status === "canceled" ||
+      this.workflow.status === "refunded") {
+      return {
+        shipped: false,
+        status: "danger",
+        label: i18next.t("order.filter.canceled")
+      };
+    }
     const shipment = this.shipping[0];
     const shipped = _.every(shipment.items, (shipmentItem) => {
       for (const fullItem of self.items) {
diff --git a/imports/plugins/core/orders/client/templates/workflow/shippingSummary.js b/imports/plugins/core/orders/client/templates/workflow/shippingSummary.js
index de1c7443..00983665 100644
--- a/imports/plugins/core/orders/client/templates/workflow/shippingSummary.js
+++ b/imports/plugins/core/orders/client/templates/workflow/shippingSummary.js
@@ -78,6 +78,15 @@ Template.coreOrderShippingSummary.helpers({
   },
   shipmentStatus() {
     const order = Template.instance().order;
+
+    if (order.workflow.status === "canceled" ||
+      order.workflow.status === "refunded") {
+      return {
+        shipped: false,
+        status: "danger",
+        label: i18next.t("order.filter.canceled")
+      };
+    }
     const shipment = Template.instance().order.shipping[0];
     const shipped = _.every(shipment.items, (shipmentItem) => {
       for (const fullItem of order.items) {