diff --git a/src/material/tabs/tab-body.scss b/src/material/tabs/tab-body.scss
index 4a589ccc2ead..89db99c45976 100644
--- a/src/material/tabs/tab-body.scss
+++ b/src/material/tabs/tab-body.scss
@@ -35,6 +35,14 @@
     visibility: visible;
   }
 
+  // Chrome appears to have a bug where the animation glitches in RTL if the element
+  // has a height of 0px which can happen with lazy-loaded content or when it's off-screen.
+  // See: https://github.com/angular/components/issues/31503. We can work around it by setting
+  // a minimum height on it.
+  .mat-tab-body-animating > & {
+    min-height: 1px;
+  }
+
   .mat-mdc-tab-group-dynamic-height & {
     overflow: hidden;
   }