diff --git a/src/frontend/src/layout/LoadingScreen.tsx b/src/frontend/src/layout/LoadingScreen.tsx
index 2d58c9e4..eb2fee0b 100644
--- a/src/frontend/src/layout/LoadingScreen.tsx
+++ b/src/frontend/src/layout/LoadingScreen.tsx
@@ -2,6 +2,8 @@ import { useState, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import { BoxScreen } from './BoxScreen'
 import { Screen } from './Screen'
+import { VerticallyOffCenter } from '@/primitives'
+import { Center, Container } from '@/styled-system/jsx'
 
 export const LoadingScreen = ({
   asBox = false,
@@ -23,7 +25,11 @@ export const LoadingScreen = ({
   const Container = asBox ? BoxScreen : Screen
   return (
     <Container>
-      <p>{t('loading')}</p>
+      <VerticallyOffCenter>
+        <Center>
+          <p>{t('loading')}</p>
+        </Center>
+      </VerticallyOffCenter>
     </Container>
   )
 }