src/pages/arm/index.tsx

@@ -1,12 +1,11 @@
 import React, { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { AbsoluteCenter, Spinner } from '@chakra-ui/react';
+import { AbsoluteCenter, Box, Spinner } from '@chakra-ui/react';
 
 import LayoutArm from '../../components/LayoutArm';
 import authLogin from '../../keycloak';
 import { URLs } from '../../__data__/urls';
 
-
 const Page = () => {
   const [user, setUser] = useState(null);
 
@@ -20,9 +19,11 @@ const Page = () => {
 
   if (!user)
     return (
-      <AbsoluteCenter>
-        <Spinner />
-      </AbsoluteCenter>
+      <Box position='relative' height='100vh'>
+        <AbsoluteCenter>
+          <Spinner />
+        </AbsoluteCenter>
+      </Box>
     );
 
   return <LayoutArm />;