diff --git a/packages/mdc-button/mdc-button.scss b/packages/mdc-button/mdc-button.scss
index bcbdee3ef50..0494d78ca54 100644
--- a/packages/mdc-button/mdc-button.scss
+++ b/packages/mdc-button/mdc-button.scss
@@ -19,6 +19,7 @@
 @import "@material/elevation/mixins";
 @import "@material/ripple/mixins";
 @import "@material/theme/mixins";
+@import "@material/typography/mixins";
 
 // postcss-bem-linter: define button
 
@@ -27,6 +28,7 @@
   @include mdc-ripple-bg((pseudo: "::before"));
   @include mdc-ripple-fg((pseudo: "::after"));
   @include mdc-theme-prop(color, text-primary-on-light);
+  @include mdc-typography-base;
 
   display: inline-block;
   position: relative;
diff --git a/packages/mdc-button/package.json b/packages/mdc-button/package.json
index fc3a43894dd..6f2a38ee147 100644
--- a/packages/mdc-button/package.json
+++ b/packages/mdc-button/package.json
@@ -16,6 +16,7 @@
     "@material/animation": "^0.2.3",
     "@material/elevation": "^0.1.9",
     "@material/ripple": "^0.8.0",
-    "@material/theme": "^0.1.5"
+    "@material/theme": "^0.1.5",
+    "@material/typography": "^0.2.2"
   }
 }