diff --git a/includes/reader-revenue/my-account/style.scss b/includes/reader-revenue/my-account/style.scss
index b86ee40b71..ebefe0e3fb 100644
--- a/includes/reader-revenue/my-account/style.scss
+++ b/includes/reader-revenue/my-account/style.scss
@@ -1,36 +1,28 @@
+@use 'sass:color';
+@use '~@wordpress/base-styles/colors' as wp-colors;
+
 .woocommerce-account {
 	.newspack-wc-message,
 	.woocommerce-message,
 	.woocommerce-info,
 	.woocommerce-error {
-		background: none;
-		border: 1px solid var( --newspack-primary-color );
-		border-radius: 5px;
+		background: color.adjust( wp-colors.$alert-green, $lightness: 42% );
+		border: 1px solid wp-colors.$alert-green;
+		color: inherit;
 		display: block;
 		font-family: inherit;
-		font-size: inherit;
-		margin-bottom: 28px;
+		font-size: 0.8rem;
+		line-height: 1.5;
+		margin-bottom: 2rem;
 		margin-top: 0;
-		padding: 28px;
+		padding: 0.6875em;
 		position: relative;
-		&::before {
-			content: '';
-			width: 100%;
-			height: 100%;
-			position: absolute;
-			top: 0;
-			left: 0;
-			background: var( --newspack-primary-color );
-			opacity: 0.1;
-		}
 
 		&--error,
 		&.woocommerce-error {
-			border: 1px solid #ff4364;
+			background: color.adjust( wp-colors.$alert-red, $lightness: 51% );
+			border-color: wp-colors.$alert-red;
 			color: inherit;
-			&::before {
-				background: #ff000038;
-			}
 		}
 
 		p {
@@ -38,7 +30,7 @@
 			margin-top: 0;
 
 			+ p {
-				margin-top: 1rem;
+				margin-top: 0.5em;
 			}
 		}
 	}
@@ -47,14 +39,16 @@
 		margin-top: 8px;
 	}
 
-	.woocommerce-message {
-		padding: 28px;
+	.woocommerce-info {
+		background: white;
+		border-color: var( --newspack-primary-color );
 	}
 
 	.edit-account {
 		input {
 			&:disabled {
-				background-color: #f5f5f5;
+				background-color: wp-colors.$gray-100;
+				color: wp-colors.$gray-700;
 			}
 		}
 	}