diff --git a/packages/mdc-button/_mixins.scss b/packages/mdc-button/_mixins.scss
index f8de32db86c..b51a3967c25 100644
--- a/packages/mdc-button/_mixins.scss
+++ b/packages/mdc-button/_mixins.scss
@@ -16,6 +16,7 @@
 
 @import "@material/elevation/mixins";
 @import "@material/ripple/mixins";
+@import "@material/rtl/mixins";
 @import "@material/theme/functions";
 @import "@material/theme/mixins";
 @import "@material/typography/mixins";
@@ -127,10 +128,11 @@
 }
 
 @mixin mdc-button__icon_ {
+  @include mdc-rtl-reflexive-box(margin, right, 8px);
+
   display: inline-block;
   width: 18px;
   height: 18px;
-  margin-right: 8px;
   font-size: 18px;
   line-height: inherit;
   vertical-align: top;
diff --git a/packages/mdc-button/package.json b/packages/mdc-button/package.json
index 6dd4dda4877..e181df377a0 100644
--- a/packages/mdc-button/package.json
+++ b/packages/mdc-button/package.json
@@ -15,6 +15,7 @@
   "dependencies": {
     "@material/elevation": "^0.28.0",
     "@material/ripple": "^0.32.0",
+    "@material/rtl": "^0.30.0",
     "@material/theme": "^0.30.0",
     "@material/typography": "^0.28.0"
   }