diff --git a/assets/css/_animation.scss b/assets/css/_animation.scss
index 6d32fb10298..406e99473c1 100644
--- a/assets/css/_animation.scss
+++ b/assets/css/_animation.scss
@@ -2,8 +2,8 @@
  * _animation.scss
  * Custom WooCommerce Animations.
  */
-@include keyframes( spin ) {
+@keyframes spin {
 	100% {
-		@include transform( rotate( 360deg ) );
+		transform: rotate( 360deg );
 	}
 }
diff --git a/assets/css/_mixins.scss b/assets/css/_mixins.scss
index 2c62b211671..1fc6fa89677 100644
--- a/assets/css/_mixins.scss
+++ b/assets/css/_mixins.scss
@@ -259,7 +259,7 @@
 		margin-left: -0.5em;
 		margin-top: -0.5em;
 		content: '';
-		@include animation( spin 1s ease-in-out infinite );
+		animation: spin 1s ease-in-out infinite;
 		background: url('../images/icons/loader.svg') center center;
 		background-size: cover;
 		line-height: 1;