diff --git a/components/sesyon/koneksyon.js b/components/sesyon/koneksyon.js
index 1852f6d..aa53542 100644
--- a/components/sesyon/koneksyon.js
+++ b/components/sesyon/koneksyon.js
@@ -106,7 +106,7 @@ function Koneksyon({detay, tit, soutit, titGwose, chimen}) {
   return (
     <Container maxWidth='sm'>
       {tit && (
-        <Box align='center'>
+        <Box sx={{textAlign: 'center'}}>
           <Typography display='inline' variant={`h${titGwose}`} component='h1'>
             {tit}
           </Typography>
@@ -169,8 +169,16 @@ function Koneksyon({detay, tit, soutit, titGwose, chimen}) {
 
       {loading && <LinearProgress size={24} style={{width: '100%', marginTop: '1em'}} />}
 
+      <Box sx={{textAlign: 'center', marginBlock: 3}}>
+        {PROVIDERS.map(({id, title, icon}) => (
+          <Box key={id} marginTop={1}>
+            <LoginProvider id={id} title={title} icon={icon} callbackUrl={`${siteUrl}${chimen}`} />
+          </Box>
+        ))}
+      </Box>
+
       {detay && (
-        <Box align='center' marginTop={3}>
+        <Box sx={{textAlign: 'center', marginTop: 3}}>
           <Typography display='block' variant='h6' component='h2'>
             Pour obtenir un accès, faites-en la demande
           </Typography>
@@ -183,14 +191,6 @@ function Koneksyon({detay, tit, soutit, titGwose, chimen}) {
         </Box>
       )}
 
-      <Box marginTop={3} marginBottom={3} align='center'>
-        {PROVIDERS.map(({id, title, icon}) => (
-          <Box key={id} marginTop={1}>
-            <LoginProvider id={id} title={title} icon={icon} callbackUrl={`${siteUrl}${chimen}`} />
-          </Box>
-        ))}
-      </Box>
-
       {loginError && (
         <Snackbar
           open={open}