diff --git a/divider/demo/stories.ts b/divider/demo/stories.ts
index 9d39a80cf2..50270dd7ea 100644
--- a/divider/demo/stories.ts
+++ b/divider/demo/stories.ts
@@ -7,7 +7,7 @@
 import '@material/web/divider/divider.js';
 
 import {MaterialStoryInit} from './material-collection.js';
-import {styles as typescaleStyles} from '@material/web/typography/md-typescale.js';
+import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
 import {css, html} from 'lit';
 
 /** Knob types for divider stories. */
diff --git a/docs/theming/typography.md b/docs/theming/typography.md
index 95ebb9a4e8..63f5636dc5 100644
--- a/docs/theming/typography.md
+++ b/docs/theming/typography.md
@@ -81,7 +81,7 @@ stylesheet.
 Class names follow the naming convention `.md-typescale-<scale>-<size>`.
 
 ```ts
-import {styles as typescaleStyles} from '@material/web/typography/md-typescale.js';
+import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
 
 // `typescaleStyles.styleSheet` is a `CSSStyleSheet` that can be added to a
 // document or shadow root's `adoptedStyleSheets` to use the `.md-typescale-*`
diff --git a/iconbutton/demo/stories.ts b/iconbutton/demo/stories.ts
index 40816a31b1..09ae67a06d 100644
--- a/iconbutton/demo/stories.ts
+++ b/iconbutton/demo/stories.ts
@@ -11,7 +11,7 @@ import '@material/web/iconbutton/icon-button.js';
 import '@material/web/iconbutton/outlined-icon-button.js';
 
 import {MaterialStoryInit} from './material-collection.js';
-import {styles as typescaleStyles} from '@material/web/typography/md-typescale.js';
+import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
 import {css, html} from 'lit';
 
 /** Knob types for icon button stories. */
diff --git a/labs/card/demo/stories.ts b/labs/card/demo/stories.ts
index b209b93415..b605ed9234 100644
--- a/labs/card/demo/stories.ts
+++ b/labs/card/demo/stories.ts
@@ -10,7 +10,7 @@ import '@material/web/labs/card/filled-card.js';
 import '@material/web/labs/card/outlined-card.js';
 
 import {MaterialStoryInit} from './material-collection.js';
-import {styles as typescaleStyles} from '@material/web/typography/md-typescale.js';
+import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
 import {css, html} from 'lit';
 
 /** Knob types for card stories. */
diff --git a/tabs/demo/stories.ts b/tabs/demo/stories.ts
index 2c9aff36b2..37f7005bc7 100644
--- a/tabs/demo/stories.ts
+++ b/tabs/demo/stories.ts
@@ -14,7 +14,7 @@ import {MaterialStoryInit} from './material-collection.js';
 import {MdTabs} from '@material/web/tabs/tabs.js';
 import {css, html, nothing} from 'lit';
 import {ref} from 'lit/directives/ref.js';
-import {styles as typescaleStyles} from '../../typography/md-typescale.js';
+import {styles as typescaleStyles} from '../../typography/md-typescale-styles.js';
 
 /** Knob types for Tabs stories. */
 export interface StoryKnobs {
diff --git a/typography/md-typescale.scss b/typography/md-typescale-styles.scss
similarity index 100%
rename from typography/md-typescale.scss
rename to typography/md-typescale-styles.scss