diff --git a/src/client/component/loading.tsx b/src/client/component/loading.tsx
index 33580fd..aa26c17 100644
--- a/src/client/component/loading.tsx
+++ b/src/client/component/loading.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import {Box, CircularProgress} from '@mui/material';
 
 export const LoadingCircle = ()=>{
-    return (<Box style={{alignSelf:'center'}}>
-        <CircularProgress title="loading"/>
+    return (<Box style={{position:"absolute", top:"50%", left:"50%", transform:"translate(-50%,-50%)"}}>
+        <CircularProgress title="loading" />
         </Box>);
 }
\ No newline at end of file