diff --git a/geneit_app/src/index.tsx b/geneit_app/src/index.tsx
index 324efa0..ec4e8af 100644
--- a/geneit_app/src/index.tsx
+++ b/geneit_app/src/index.tsx
@@ -13,11 +13,10 @@ import "@fontsource/roboto/700.css";
 import { BrowserRouter } from "react-router-dom";
 import { ConfirmDialogProvider } from "./widgets/ConfirmDialogProvider";
 import { AlertDialogProvider } from "./widgets/AlertDialogProvider";
+import { AsyncWidget } from "./widgets/AsyncWidget";
 
 async function init() {
   try {
-    await ServerApi.LoadConfig();
-
     const root = ReactDOM.createRoot(
       document.getElementById("root") as HTMLElement
     );
@@ -28,7 +27,12 @@ async function init() {
           <AlertDialogProvider>
             <ConfirmDialogProvider>
               <div style={{ height: "100vh" }}>
-                <App />
+                <AsyncWidget
+                  loadKey={1}
+                  load={async () => await ServerApi.LoadConfig()}
+                  errMsg="Echec de la connexion au serveur pour la récupération de la configuration statique !"
+                  build={() => <App />}
+                />
               </div>
             </ConfirmDialogProvider>
           </AlertDialogProvider>
diff --git a/geneit_app/src/widgets/AsyncWidget.tsx b/geneit_app/src/widgets/AsyncWidget.tsx
index ca2c5d9..88fc8ea 100644
--- a/geneit_app/src/widgets/AsyncWidget.tsx
+++ b/geneit_app/src/widgets/AsyncWidget.tsx
@@ -65,7 +65,7 @@ export function AsyncWidget(p: {
         <Alert
           variant="outlined"
           severity="error"
-          style={{ marginBottom: "15px" }}
+          style={{ margin: "0px 15px 15px 15px" }}
         >
           {p.errMsg}
         </Alert>