diff --git a/packages/components/main-button/styled-main-button.js b/packages/components/main-button/styled-main-button.js
index e874b580f5..ae03166e8c 100644
--- a/packages/components/main-button/styled-main-button.js
+++ b/packages/components/main-button/styled-main-button.js
@@ -87,6 +87,9 @@ const StyledMainButton = styled.div`
   .main-button_img {
     svg {
       padding-bottom: 1px;
+      path {
+        fill: #fff;
+      }
     }
   }
 `;
diff --git a/packages/components/themes/base.js b/packages/components/themes/base.js
index b09838257a..24a77af5c3 100644
--- a/packages/components/themes/base.js
+++ b/packages/components/themes/base.js
@@ -241,10 +241,10 @@ const Base = {
   },
 
   mainButton: {
-    backgroundColor: orangeMain,
-    disableBackgroundColor: orangeDisabled,
-    hoverBackgroundColor: orangeHover,
-    clickBackgroundColor: orangePressed,
+    backgroundColor: "#4781D1",
+    disableBackgroundColor: "rgb(71, 129, 209, 0.6)",
+    hoverBackgroundColor: "rgb(71, 129, 209, .85)",
+    clickBackgroundColor: "#4074BC",
 
     padding: "5px 14px 5px 12px",
     borderRadius: "3px",
@@ -1302,6 +1302,10 @@ const Base = {
       },
     },
 
+    icon: {
+      color: "#657077",
+    },
+
     draggable: {
       color: cyanBlueDarkShade,
       dragOverBackgroundColor: strongBlue,
diff --git a/packages/components/themes/dark.js b/packages/components/themes/dark.js
index 933cb1bf31..a0c1c26736 100644
--- a/packages/components/themes/dark.js
+++ b/packages/components/themes/dark.js
@@ -238,18 +238,18 @@ const Dark = {
   },
 
   mainButton: {
-    backgroundColor: "#ED7309",
-    disableBackgroundColor: "#4C3B2D",
-    hoverBackgroundColor: "#FFAD3D",
-    clickBackgroundColor: "#E6842E",
+    backgroundColor: "#4781D1",
+    disableBackgroundColor: "rgba(71, 129, 209, 0.6)",
+    hoverBackgroundColor: "rgba(71, 129, 209, .85)",
+    clickBackgroundColor: "#4074BC",
 
     padding: "5px 14px 5px 12px",
     borderRadius: "3px",
     lineHeight: "22px",
     fontSize: "16px",
     fontWeight: 700,
-    textColor: black,
-    textColorDisabled: black,
+    textColor: white,
+    textColorDisabled: white,
 
     cornerRoundsTopRight: "0",
     cornerRoundsBottomRight: "0",
@@ -1280,6 +1280,10 @@ const Dark = {
     background: "#3D3D3D",
     disableColor: "#858585",
 
+    icon: {
+      color: "#ADADAD",
+    },
+
     dragging: {
       draggable: {
         background: "rgba(230, 211, 138, 0.12)",
@@ -1289,6 +1293,7 @@ const Dark = {
 
       title: {
         width: "85%",
+        color: "#000",
       },
     },