From 3eca9ee94c0a5b8c1be28ccec041a6b70c8fcb1b Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Sat, 31 Dec 2022 18:03:17 +0100
Subject: [PATCH] theme: add StyledEngineProvider for v5 theme

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
---
 packages/theme/src/unified/UnifiedThemeProvider.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/theme/src/unified/UnifiedThemeProvider.tsx b/packages/theme/src/unified/UnifiedThemeProvider.tsx
index 93bceac022..f2cc2d573f 100644
--- a/packages/theme/src/unified/UnifiedThemeProvider.tsx
+++ b/packages/theme/src/unified/UnifiedThemeProvider.tsx
@@ -20,6 +20,7 @@ import {
   ThemeProvider as Mui4Provider,
 } from '@material-ui/core/styles';
 import {
+  StyledEngineProvider,
   Theme as Mui5Theme,
   ThemeProvider as Mui5Provider,
 } from '@mui/material/styles';
@@ -63,7 +64,11 @@ export function UnifiedThemeProvider(
 
   const v5Theme = theme.getTheme('v5');
   if (v5Theme) {
-    result = <Mui5Provider theme={v5Theme as Mui5Theme}>{result}</Mui5Provider>;
+    result = (
+      <StyledEngineProvider injectFirst>
+        <Mui5Provider theme={v5Theme as Mui5Theme}>{result}</Mui5Provider>
+      </StyledEngineProvider>
+    );
   }
 
   return result;