diff --git a/skinStyles/extensions/RelatedArticles/ext.relatedArticles.readMore.less b/skinStyles/extensions/RelatedArticles/ext.relatedArticles.readMore.less
index f8b17dc5..e5ad2754 100644
--- a/skinStyles/extensions/RelatedArticles/ext.relatedArticles.readMore.less
+++ b/skinStyles/extensions/RelatedArticles/ext.relatedArticles.readMore.less
@@ -39,7 +39,7 @@
 		}
 
 		&:after {
-			background-image: linear-gradient( to right, rgba( 255, 255, 255, 0 ), var( --color-surface-1 ) 50% );
+			background-image: linear-gradient( to right, rgba( 255, 255, 255, 0 ), var( --color-surface-2 ) 50% );
 		}
 	}
 
@@ -47,7 +47,7 @@
 		overflow: hidden; // Enforce rounded corner
 		border: 0 !important; // No border regardless
 		border-radius: var( --border-radius--medium ) !important; // Same border-radius regardless
-		background-color: var( --color-surface-1 );
+		background-color: var( --color-surface-2 );
 	}
 
 	.ext-related-articles-card > a {