diff --git a/plugins/woocommerce/client/legacy/css/menu.scss b/plugins/woocommerce/client/legacy/css/menu.scss
index 110315236dd..514ea90ebff 100644
--- a/plugins/woocommerce/client/legacy/css/menu.scss
+++ b/plugins/woocommerce/client/legacy/css/menu.scss
@@ -139,8 +139,8 @@ span.mce_woocommerce_shortcodes_button {
 		line-height: 1.5em;
 		font-size: 2em;
 		border-bottom: 1px solid #eee;
-		color: #fff;
-		background: #96578a;
+		color: var(--wc-secondary-text);
+		background: var(--wc-secondary);
 		border-top-left-radius: 4px;
 		border-top-right-radius: 4px;
 		text-shadow: none;
@@ -186,24 +186,15 @@ span.mce_woocommerce_shortcodes_button {
 
 		a.button-primary {
 			float: right;
-			background: #bb77ae;
-			border-color: #a36597;
-			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
+			box-shadow: 0 0 0;
 			color: #fff;
-			text-shadow:
-				0 -1px 1px #a36597,
-				1px 0 1px #a36597,
-				0 1px 1px #a36597,
-				-1px 0 1px #a36597;
+			text-shadow: none;
 
 			&:hover,
 			&:focus,
 			&:active {
-				background: #a36597;
-				border-color: #a36597;
-				box-shadow:
-					inset 0 1px 0 rgba(255, 255, 255, 0.25),
-					0 1px 0 #a36597;
+				box-shadow: 0 0 0;
+				text-shadow: none;
 			}
 		}
 	}