1 files changed, 4 insertions, 3 deletions

diff --git a/subprojects/frontend/src/Loading.tsx b/subprojects/frontend/src/Loading.tsx
index 72020a43..8c293239 100644
--- a/subprojects/frontend/src/Loading.tsx
+++ b/subprojects/frontend/src/Loading.tsx
@@ -2,18 +2,19 @@ import CircularProgress from '@mui/material/CircularProgress';
 import { styled } from '@mui/material/styles';
 import React from 'react';
 
-const LoadingRoot = styled('div')({
+const LoadingRoot = styled('div')(({ theme }) => ({
   width: '100%',
   height: '100%',
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
-});
+  background: theme.palette.outer.background,
+}));
 
 export default function Loading() {
   return (
     <LoadingRoot>
-      <CircularProgress />
+      <CircularProgress size={60} color="inherit" />
     </LoadingRoot>
   );
 }