diff --git a/src/layout.jsx b/src/layout.jsx
index d4a492b..4f94287 100644
--- a/src/layout.jsx
+++ b/src/layout.jsx
@@ -5,13 +5,16 @@ import Background from "./components/Background/Background.jsx";
 import { Navigate } from "react-router";
 import {  useContext} from "react";
 import { AuthContext } from "./contexts/Auth/AuthContext.js";
+import Loading from "./components/ui/Loading/Loading.tsx";
 
 
 function Layout(){
 
     const { user, loading } = useContext(AuthContext);
 
-    if (loading) return <p>Loading</p>;
+    if (loading) return <Background>
+        <Loading />
+    </Background>;
     if (!user) return <Navigate to="/login" />;
     if(user && user.validate === 0) return <Navigate to="/error/validation" />;