From 26c14b306fee003afa19db5626cda1d4c6eaa53a Mon Sep 17 00:00:00 2001
From: Kevin Ghadyani <kevin.ghadyani@okta.com>
Date: Fri, 21 Jul 2023 13:33:36 -0500
Subject: [PATCH] feat: adds ScopedCssBaseline to OdysseyThemeProvider

---
 packages/odyssey-react-mui/src/OdysseyThemeProvider.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/odyssey-react-mui/src/OdysseyThemeProvider.tsx b/packages/odyssey-react-mui/src/OdysseyThemeProvider.tsx
index b4972c6623..609f20b6fd 100644
--- a/packages/odyssey-react-mui/src/OdysseyThemeProvider.tsx
+++ b/packages/odyssey-react-mui/src/OdysseyThemeProvider.tsx
@@ -16,7 +16,7 @@ import {
 } from "@mui/material/styles";
 import { memo, ReactNode, useMemo } from "react";
 
-import { ThemeOptions } from "@mui/material";
+import { ScopedCssBaseline, ThemeOptions } from "@mui/material";
 import { deepmerge } from "@mui/utils";
 import { createOdysseyMuiTheme, DesignTokensOverride } from "./theme";
 import * as Tokens from "@okta/odyssey-design-tokens";
@@ -42,7 +42,7 @@ const OdysseyThemeProvider = ({
 
   return (
     <MuiThemeProvider theme={customOdysseyTheme ?? odysseyTheme}>
-      {children}
+      <ScopedCssBaseline>{children}</ScopedCssBaseline>
     </MuiThemeProvider>
   );
 };