diff --git a/plugins/woocommerce-blocks/assets/css/abstracts/_mixins.scss b/plugins/woocommerce-blocks/assets/css/abstracts/_mixins.scss
index 47f66c23bce..535b14b221f 100644
--- a/plugins/woocommerce-blocks/assets/css/abstracts/_mixins.scss
+++ b/plugins/woocommerce-blocks/assets/css/abstracts/_mixins.scss
@@ -32,8 +32,8 @@ $fontSizes: (
 @mixin placeholder($include-border-radius: true) {
 	outline: 0 !important;
 	border: 0 !important;
-	background-color: #ebebeb !important;
-	color: transparent !important;
+	background-color: currentColor !important;
+	color: currentColor !important;
 	width: 100%;
 	@if $include-border-radius == true {
 		border-radius: 0.25rem;
@@ -46,6 +46,7 @@ $fontSizes: (
 	pointer-events: none;
 	box-shadow: none;
 	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
+	opacity: 0.15;
 
 	// Forces direct descendants to keep layout but lose visibility.
 	> * {
@@ -61,7 +62,7 @@ $fontSizes: (
 		top: 0;
 		height: 100%;
 		background-repeat: no-repeat;
-		background-image: linear-gradient(90deg, #ebebeb, #f5f5f5, #ebebeb);
+		background-image: linear-gradient(90deg, currentColor, #f5f5f54d, currentColor);
 		transform: translateX(-100%);
 		animation: loading__animation 1.5s ease-in-out infinite;
 	}
diff --git a/plugins/woocommerce-blocks/assets/js/base/components/filter-placeholder/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/filter-placeholder/style.scss
index 3d92bb02b96..7c461e79a46 100644
--- a/plugins/woocommerce-blocks/assets/js/base/components/filter-placeholder/style.scss
+++ b/plugins/woocommerce-blocks/assets/js/base/components/filter-placeholder/style.scss
@@ -1,6 +1,5 @@
 .wc-block-filter-title-placeholder {
 	@include placeholder();
-	background-color: $gray-400 !important;
 	border-radius: em(26px);
 	box-shadow: none;
 	min-width: 80px;
@@ -8,10 +7,6 @@
 	margin-bottom: $gap-small;
 	max-width: max-content !important;
 
-	&::after {
-		background-image: linear-gradient(90deg, $gray-400, $gray-200, $gray-400);
-	}
-
 	.wc-block-stock-filter__title,
 	.wc-block-price-filter__title,
 	.wc-block-active-filters__title,
diff --git a/plugins/woocommerce-blocks/checkstyle.xml b/plugins/woocommerce-blocks/checkstyle.xml
index 3fab73e7b78..c4f195da84e 100644
--- a/plugins/woocommerce-blocks/checkstyle.xml
+++ b/plugins/woocommerce-blocks/checkstyle.xml
@@ -1419,9 +1419,6 @@
           Type 'Readonly<{}>' is not assignable to type 'Record<string, unknown> & { className: string; }'.
             Property 'className' is missing in type 'Readonly<{}>' but required in type '{ className: string; }'." source="TS2322" />
 </file>
-<file name="assets/js/atomic/blocks/product-elements/stock-indicator/edit.js">
-<error line="15" column="18" severity="error" message="Binding element &apos;attributes&apos; implicitly has an &apos;any&apos; type." source="TS7031" />
-</file>
 <file name="assets/js/atomic/blocks/product-elements/add-to-cart/edit.js">
 <error line="25" column="18" severity="error" message="Binding element &apos;attributes&apos; implicitly has an &apos;any&apos; type." source="TS7031" />
 <error line="25" column="30" severity="error" message="Binding element &apos;setAttributes&apos; implicitly has an &apos;any&apos; type." source="TS7031" />