diff --git a/src/App.js b/src/App.js
index 415e5c5..908aae7 100644
--- a/src/App.js
+++ b/src/App.js
@@ -43,7 +43,7 @@ const i18nProvider = polyglotI18nProvider(
   resolveBrowserLocale()
 );
 
-const defaultTheme = createTheme();
+const theme = createTheme();
 const generateClassName = createGenerateClassName({
   disableGlobal: true,
   seed: "mui-jss",
@@ -51,7 +51,7 @@ const generateClassName = createGenerateClassName({
 
 const App = () => (
   <StylesProvider generateClassName={generateClassName}>
-    <ThemeProvider theme={defaultTheme}>
+    <ThemeProvider theme={theme}>
       <Admin
         disableTelemetry
         loginPage={LoginPage}
diff --git a/src/components/LoginPage.test.js b/src/components/LoginPage.test.js
index 00c1267..047486a 100644
--- a/src/components/LoginPage.test.js
+++ b/src/components/LoginPage.test.js
@@ -1,14 +1,19 @@
 import React from "react";
 import { render } from "@testing-library/react";
 import { TestContext } from "ra-test";
+import { createTheme, ThemeProvider } from "@mui/material/styles";
 import LoginPage from "./LoginPage";
 
+const theme = createTheme();
+
 describe("LoginForm", () => {
   it("renders", () => {
     render(
-      <TestContext>
-        <LoginPage />
-      </TestContext>
+      <ThemeProvider theme={theme}>
+        <TestContext>
+          <LoginPage />
+        </TestContext>
+      </ThemeProvider>
     );
   });
 });