From 875e4bf6a5e70e927c493f0e6ef9f992e106be21 Mon Sep 17 00:00:00 2001
From: Dave <8709533+DaveBathnes@users.noreply.github.com>
Date: Tue, 25 Jun 2024 09:11:07 +0100
Subject: [PATCH] Shifting CssBaseline into first box

---
 src/App.jsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index e22cdde..357faca 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -49,14 +49,14 @@ const App = props => {
 
   return (
     <ThemeProvider theme={theme}>
-      <ScopedCssBaseline>
-        <Box
-          sx={{
-            width,
-            height,
-            padding: theme => theme.spacing(0.5)
-          }}
-        >
+      <Box
+        sx={{
+          width,
+          height,
+          padding: theme => theme.spacing(0.5)
+        }}
+      >
+        <ScopedCssBaseline>
           <Box
             sx={{
               height: '100%',
@@ -96,8 +96,8 @@ const App = props => {
               <Footer />
             </Box>
           </Box>
-        </Box>
-      </ScopedCssBaseline>
+        </ScopedCssBaseline>
+      </Box>
     </ThemeProvider>
   )
 }