From 761002c7ff09540bdcc3c9055aa6ff559d3ab5e5 Mon Sep 17 00:00:00 2001
From: Oleksandr Dubenko <oldubenko@microsoft.com>
Date: Fri, 13 Dec 2024 11:13:42 +0100
Subject: [PATCH] frontend: Add CssBaseline component for improved default
 styles

Signed-off-by: Oleksandr Dubenko <oldubenko@microsoft.com>
---
 frontend/src/i18n/ThemeProviderNexti18n.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/i18n/ThemeProviderNexti18n.tsx b/frontend/src/i18n/ThemeProviderNexti18n.tsx
index 68f0ca5fdd..39542fb5b7 100644
--- a/frontend/src/i18n/ThemeProviderNexti18n.tsx
+++ b/frontend/src/i18n/ThemeProviderNexti18n.tsx
@@ -1,3 +1,4 @@
+import { CssBaseline } from '@mui/material';
 import { deDE, enUS, esES, frFR, hiIN, ptPT } from '@mui/material/locale';
 import { createTheme, StyledEngineProvider, Theme, ThemeProvider } from '@mui/material/styles';
 import React, { ReactNode, useEffect, useState } from 'react';
@@ -55,6 +56,7 @@ const ThemeProviderNexti18n: React.FunctionComponent<{
   return (
     <StyledEngineProvider injectFirst>
       <ThemeProvider theme={theme}>
+        <CssBaseline enableColorScheme />
         {!!isI18nReady ? props.children : <Loader title="Loading..." />}
       </ThemeProvider>
     </StyledEngineProvider>