diff --git a/lattice/src/theme/darkTheme.tsx b/lattice/src/theme/darkTheme.tsx
index 3e48e31c5..5f8492608 100644
--- a/lattice/src/theme/darkTheme.tsx
+++ b/lattice/src/theme/darkTheme.tsx
@@ -1,8 +1,8 @@
 /* tslint:disable */
-import { createTheme } from '@material-ui/core/styles';
+import { createMuiTheme } from '@material-ui/core/styles';
 import { baseTheme } from 'theme/';
 
-export const darkTheme = createTheme({
+export const darkTheme = createMuiTheme({
   ...baseTheme,
   palette: {
     background: {
diff --git a/lattice/src/theme/lightTheme.tsx b/lattice/src/theme/lightTheme.tsx
index fe05fc08f..3d2e5bc87 100644
--- a/lattice/src/theme/lightTheme.tsx
+++ b/lattice/src/theme/lightTheme.tsx
@@ -1,8 +1,8 @@
 /* tslint:disable */
-import { createTheme } from '@material-ui/core/styles';
+import { createMuiTheme } from '@material-ui/core/styles';
 import { baseTheme } from 'theme/';
 
-export const lightTheme = createTheme({
+export const lightTheme = createMuiTheme({
   ...baseTheme,
   palette: {
     background: {