1 files changed, 6 insertions, 1 deletions
diff --git a/ui/app/components/transaction-status/transaction-status.component.js b/ui/app/components/transaction-status/transaction-status.component.js
index 0d47d7868..28544d2cd 100644
--- a/ui/app/components/transaction-status/transaction-status.component.js
+++ b/ui/app/components/transaction-status/transaction-status.component.js
@@ -11,6 +11,7 @@ import {
   CONFIRMED_STATUS,
   FAILED_STATUS,
   DROPPED_STATUS,
+  CANCELLED_STATUS,
 } from '../../constants/transactions'
 
 const statusToClassNameHash = {
@@ -22,6 +23,7 @@ const statusToClassNameHash = {
   [CONFIRMED_STATUS]: 'transaction-status--confirmed',
   [FAILED_STATUS]: 'transaction-status--failed',
   [DROPPED_STATUS]: 'transaction-status--dropped',
+  [CANCELLED_STATUS]: 'transaction-status--failed',
 }
 
 const statusToTextHash = {
@@ -49,7 +51,10 @@ export default class TransactionStatus extends PureComponent {
 
     return (
       <div className={classnames('transaction-status', className, statusToClassNameHash[statusKey])}>
-        <Tooltip position="top" title={title}>
+        <Tooltip
+          position="top"
+          title={title}
+        >
           { statusText }
         </Tooltip>
       </div>