diff --git a/packages/mdc-ripple/_mixins.scss b/packages/mdc-ripple/_mixins.scss
index ded7057dd73..e0cf236bad7 100644
--- a/packages/mdc-ripple/_mixins.scss
+++ b/packages/mdc-ripple/_mixins.scss
@@ -52,6 +52,8 @@
 
   &.mdc-ripple-upgraded::after {
     top: 0;
+
+    /* @noflip */
     left: 0;
     transform: scale(0);
     transform-origin: center center;
@@ -59,6 +61,8 @@
 
   &.mdc-ripple-upgraded--unbounded::after {
     top: var(--mdc-ripple-top, 0);
+
+    /* @noflip */
     left: var(--mdc-ripple-left, 0);
   }
 
@@ -175,6 +179,8 @@
   &::before,
   &::after {
     top: calc(50% - #{$radius});
+
+    /* @noflip */
     left: calc(50% - #{$radius});
     width: $radius * 2;
     height: $radius * 2;
@@ -190,6 +196,8 @@
   &::before,
   &::after {
     top: calc(50% - #{$radius / 2});
+
+    /* @noflip */
     left: calc(50% - #{$radius / 2});
     width: $radius;
     height: $radius;
@@ -198,6 +206,8 @@
   &.mdc-ripple-upgraded::before,
   &.mdc-ripple-upgraded::after {
     top: var(--mdc-ripple-top, calc(50% - #{$radius / 2}));
+
+    /* @noflip */
     left: var(--mdc-ripple-left, calc(50% - #{$radius / 2}));
     width: var(--mdc-ripple-fg-size, $radius);
     height: var(--mdc-ripple-fg-size, $radius);
diff --git a/packages/mdc-rtl/_mixins.scss b/packages/mdc-rtl/_mixins.scss
index d24d05a8770..beb02e00c1a 100644
--- a/packages/mdc-rtl/_mixins.scss
+++ b/packages/mdc-rtl/_mixins.scss
@@ -227,11 +227,17 @@
   $right-value,
   $root-selector: null
 ) {
+  /* @noflip */
   #{$left-property}: $left-value;
+
+  /* @noflip */
   #{$right-property}: $right-value;
 
   @include mdc-rtl($root-selector) {
+    /* @noflip */
     #{$left-property}: $right-value;
+
+    /* @noflip */
     #{$right-property}: $left-value;
   }
 }