diff --git a/custom/reactionTheme.js b/custom/reactionTheme.js
index 08945ba3b0..4bc746e265 100644
--- a/custom/reactionTheme.js
+++ b/custom/reactionTheme.js
@@ -2,9 +2,9 @@
  * There are two theme files. This is for all MaterialUI components.
  * The other theme file is `componentTheme.js`
  */
-import { createMuiTheme } from "@material-ui/core/styles";
+import { createTheme } from "@material-ui/core/styles";
 
-const theme = createMuiTheme({
+const theme = createTheme({
   layout: {
     mainContentMaxWidth: "1440px",
     mainLoginMaxWidth: "1024px"
diff --git a/docs/theming.md b/docs/theming.md
index caeb80b09f..a289ccc8ef 100644
--- a/docs/theming.md
+++ b/docs/theming.md
@@ -11,9 +11,9 @@ Variables for customizing the theme are located in the `[src/lib/theme/reactionT
 For example, you can change the various colors used for the primary color, fonts used, layout dimensions and more. All of the [default theme variables from Material UI](https://material-ui.com/customization/default-theme/) are available to override as well as any additional variables added for the example storefront itself.
 
 ```js
-import { createMuiTheme } from "@material-ui/core/styles";
+import { createTheme } from "@material-ui/core/styles";
 
-const theme = createMuiTheme({
+const theme = createTheme({
   layout: {
     mainContentMaxWidth: "1440px",
     mainLoginMaxWidth: "1024px"
@@ -49,9 +49,9 @@ To add custom overrides, simply add an `overrides` object to the theme. The `ove
 **src/lib/theme/reactionTheme.js**
 
 ```js
-import { createMuiTheme } from "@material-ui/core/styles";
+import { createTheme } from "@material-ui/core/styles";
 
-const theme = createMuiTheme({
+const theme = createTheme({
   overrides: {
     // Override styles for the Starter kit header
     SkHeader: { // Name of the component