diff --git a/src/app/components/TransactionsTable/TransactionModal.tsx b/src/app/components/TransactionsTable/TransactionModal.tsx
index 605f423c0d..c6654bb5a0 100644
--- a/src/app/components/TransactionsTable/TransactionModal.tsx
+++ b/src/app/components/TransactionsTable/TransactionModal.tsx
@@ -58,12 +58,12 @@ export default function TransactionModal({
           <div className="flex items-center justify-center">
             {getTransactionType(transaction) == "outgoing" ? (
               transaction.state === "pending" ? (
-                <div className="flex justify-center items-center bg-orange-100 dark:bg-orange-950 rounded-full p-3 animate-pulse">
-                  <PopiconsArrowUpSolid className="w-10 h-10 rotate-45 text-orange-400 dark:text-amber-600 stroke-[1px] stroke-orange-400 dark:stroke-amber-600" />
+                <div className="flex justify-center items-center bg-blue-100 dark:bg-blue-900 rounded-full p-3 animate-pulse">
+                  <PopiconsArrowUpSolid className="w-10 h-10 rotate-45 text-blue-500 stroke-[1px] stroke-blue-400 dark:stroke-blue-600" />
                 </div>
               ) : transaction.state === "failed" ? (
-                <div className="flex justify-center items-center bg-red-100 dark:bg-rose-950 rounded-full p-3">
-                  <PopiconsXSolid className="w-10 h-10 text-red-400 dark:text-rose-600 stroke-[1px] stroke-red-400 dark:stroke-red-600" />
+                <div className="flex justify-center items-center bg-red-100 dark:bg-red-950 rounded-full p-3">
+                  <PopiconsXSolid className="w-10 h-10 text-red-400 dark:text-rose-600 stroke-[1px] stroke-rose-400 dark:stroke-red-600" />
                 </div>
               ) : (
                 <div className="flex justify-center items-center bg-orange-100 dark:bg-orange-950 rounded-full p-3">
diff --git a/src/app/components/TransactionsTable/index.tsx b/src/app/components/TransactionsTable/index.tsx
index 5c90fb8d1f..d370bc8556 100644
--- a/src/app/components/TransactionsTable/index.tsx
+++ b/src/app/components/TransactionsTable/index.tsx
@@ -65,12 +65,12 @@ export default function TransactionsTable({
                   <div className="flex items-center">
                     {type == "outgoing" ? (
                       tx.state === "pending" ? (
-                        <div className="flex justify-center items-center bg-orange-100 dark:bg-orange-950 rounded-full w-8 h-8 animate-pulse">
-                          <PopiconsArrowUpSolid className="w-5 h-5 rotate-45 text-orange-400 dark:text-amber-600 stroke-[1px] stroke-orange-400 dark:stroke-amber-600" />
+                        <div className="flex justify-center items-center bg-blue-100 dark:bg-blue-900 rounded-full w-8 h-8 animate-pulse">
+                          <PopiconsArrowUpSolid className="w-5 h-5 rotate-45 text-blue-500 stroke-[1px] stroke-blue-400 dark:stroke-blue-600" />
                         </div>
                       ) : tx.state === "failed" ? (
                         <div className="flex justify-center items-center bg-red-100 dark:bg-rose-950 rounded-full w-8 h-8">
-                          <PopiconsXSolid className="w-5 h-5 text-red-400 dark:text-rose-600 stroke-[1px] stroke-red-400 dark:stroke-red-600" />
+                          <PopiconsXSolid className="w-5 h-5 text-red-400 dark:text-rose-600 stroke-[1px] stroke-rose-400 dark:stroke-red-600" />
                         </div>
                       ) : (
                         <div className="flex justify-center items-center bg-orange-100 dark:bg-orange-950 rounded-full w-8 h-8">