diff --git a/ui/components/app/transaction-icon/transaction-icon.js b/ui/components/app/transaction-icon/transaction-icon.js
index 6980a89cd..adec0de16 100644
--- a/ui/components/app/transaction-icon/transaction-icon.js
+++ b/ui/components/app/transaction-icon/transaction-icon.js
@@ -34,6 +34,7 @@ const COLOR_MAP = {
   [TRANSACTION_STATUSES.REJECTED]: FAIL_COLOR,
   [TRANSACTION_GROUP_STATUSES.CANCELLED]: FAIL_COLOR,
   [TRANSACTION_STATUSES.DROPPED]: FAIL_COLOR,
+  [TRANSACTION_STATUSES.SUBMITTED]: PENDING_COLOR,
 };
 
 export default function TransactionIcon({ status, category }) {
@@ -63,6 +64,8 @@ TransactionIcon.propTypes = {
     TRANSACTION_STATUSES.REJECTED,
     TRANSACTION_GROUP_STATUSES.CANCELLED,
     TRANSACTION_STATUSES.DROPPED,
+    TRANSACTION_STATUSES.CONFIRMED,
+    TRANSACTION_STATUSES.SUBMITTED,
   ]).isRequired,
   category: PropTypes.oneOf([
     TRANSACTION_GROUP_CATEGORIES.APPROVAL,