diff --git a/src/screens/CreatePassword.js b/src/screens/CreatePassword.js
index 3ff24cd..0c1ade5 100644
--- a/src/screens/CreatePassword.js
+++ b/src/screens/CreatePassword.js
@@ -9,6 +9,7 @@ import ItemContainer from "../components/ItemContainer/ItemContainer";
 import { handleFirebaseError } from "../actions/signupActions";
 import firebase, { usersRef } from "../config/firebase";
 import Page from "../layouts/Page";
+import { isWeb } from "../hooks/useLayoutType";
 import { Routes } from "../navigation";
 import { navigate } from "../navigation/NavigationService";
 import { Palette } from "../styles";
@@ -85,7 +86,8 @@ const CreatePassword = () => {
 
   return (
     <Page
-      backgroundImg={background.homeBG}
+      width={isWeb ? 600 : null}
+      backgroundImg={isWeb ? background.loginBgWeb : background.homeBG}
       headerType="NAVIGATION"
       title="Inscription"
     >
diff --git a/src/screens/CreatePseudo.js b/src/screens/CreatePseudo.js
index 47310ed..0bdd4e4 100644
--- a/src/screens/CreatePseudo.js
+++ b/src/screens/CreatePseudo.js
@@ -7,6 +7,7 @@ import { Input } from "../components/Input";
 import ItemContainer from "../components/ItemContainer/ItemContainer";
 import firebase, { usersRef } from "../config/firebase";
 import Page from "../layouts/Page";
+import { isWeb } from "../hooks/useLayoutType";
 import { Routes } from "../navigation";
 import { navigate } from "../navigation/NavigationService";
 import { Palette } from "../styles";
@@ -63,7 +64,8 @@ const CreatePseudo = () => {
 
   return (
     <Page
-      backgroundImg={background.homeBG}
+      width={isWeb ? 600 : null}
+      backgroundImg={isWeb ? background.loginBgWeb : background.homeBG}
       headerType="NAVIGATION"
       title="Ton pseudo"
       hideBackButton
diff --git a/src/screens/ForgotPassword.js b/src/screens/ForgotPassword.js
index 32fcece..87e69a3 100644
--- a/src/screens/ForgotPassword.js
+++ b/src/screens/ForgotPassword.js
@@ -9,6 +9,8 @@ import { Input } from "../components/Input";
 
 import { Fonts, Style } from "../styles";
 import Page from "../layouts/Page";
+import { background } from "../assets";
+import { isWeb } from "../hooks/useLayoutType";
 
 export default ({ navigation }) => {
   const [, setTooltip] = useGlobal("_tooltip");
@@ -41,6 +43,8 @@ export default ({ navigation }) => {
 
   return (
     <Page
+      width={isWeb ? 600 : null}
+      backgroundImg={isWeb ? background.loginBgWeb : background.homeBG}
       headerType="NAVIGATE"
       title={"Nouveau mot de passe"}
       scrollEnabled