diff --git a/apps/explorer_web/assets/css/app.scss b/apps/explorer_web/assets/css/app.scss
index 2571ee44a6..668ff54d93 100644
--- a/apps/explorer_web/assets/css/app.scss
+++ b/apps/explorer_web/assets/css/app.scss
@@ -69,6 +69,7 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "components/tile";
 @import "components/dashboard-banner";
 @import "components/icon-link";
+@import "components/badge";
 
 
 :export {
diff --git a/apps/explorer_web/assets/css/components/_badge.scss b/apps/explorer_web/assets/css/components/_badge.scss
new file mode 100644
index 0000000000..7f32acab9a
--- /dev/null
+++ b/apps/explorer_web/assets/css/components/_badge.scss
@@ -0,0 +1,3 @@
+.badge {
+  color: $white;
+}
diff --git a/apps/explorer_web/assets/css/theme/_poa_variables.scss b/apps/explorer_web/assets/css/theme/_poa_variables.scss
index f2563b8aaa..b9571921bf 100644
--- a/apps/explorer_web/assets/css/theme/_poa_variables.scss
+++ b/apps/explorer_web/assets/css/theme/_poa_variables.scss
@@ -39,7 +39,7 @@ $indigo:  #5b33a1 !default;
 $purple:  #9987fc !default;
 $pink:    #e83e8c !default;
 $red:     #dc3545 !default;
-$orange:  #fd7e14 !default;
+$orange:  #ef9a60 !default;
 $yellow:  #ffc107 !default;
 $green:   #20b760 !default;
 $teal:    #009097 !default;
diff --git a/apps/explorer_web/lib/explorer_web/templates/address_transaction/_transaction.html.eex b/apps/explorer_web/lib/explorer_web/templates/address_transaction/_transaction.html.eex
index db134f6c04..1fac5749de 100644
--- a/apps/explorer_web/lib/explorer_web/templates/address_transaction/_transaction.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/address_transaction/_transaction.html.eex
@@ -14,7 +14,7 @@
     </div>
     <div class="col-md-3 col-lg-2 d-flex flex-row flex-md-column justify-content-start justify-content-md-end align-items-end text-md-right">
       <%= if @address.hash == @transaction.from_address_hash do %>
-        <span class="badge badge-danger tile-badge mr-2 mr-md-0">OUT</span>
+        <span class="badge badge-warning tile-badge  mr-2 mr-md-0">OUT</span>
       <% else %>
         <span class="badge badge-success tile-badge mr-2 mr-md-0">IN</span>
       <% end %>