diff --git a/WEB/View/src/CSS/Login.css b/WEB/View/src/CSS/Login.css
index 320cc1a5..29365aa3 100644
--- a/WEB/View/src/CSS/Login.css
+++ b/WEB/View/src/CSS/Login.css
@@ -96,7 +96,8 @@ body {
   -o-transition: all 0.5s;
 }
 
-.login-box a:hover,
+
+.login-box .btn:hover,
 .login-box button:hover {
   background: #5fc198;
   color: #fff;
diff --git a/WEB/View/src/pages/LogSign/Login.php b/WEB/View/src/pages/LogSign/Login.php
index b4c78603..986eb78b 100644
--- a/WEB/View/src/pages/LogSign/Login.php
+++ b/WEB/View/src/pages/LogSign/Login.php
@@ -11,13 +11,20 @@
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
   <link rel="stylesheet" href="./View/src/CSS/Login.css" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
 </head>
 
 <body>
   <div class="container user-select-none">
     <div class="login-box col-12" id="form">
-      <div class="row mb-4">
-        <h2 class="text-uppercase font-weight-bold text-center">Login</h2>
+      <div class="row mb-4 d-flex align-items-center">
+        <div class="col-2 justify-content-center">
+          <a class="material-icons p-0 m-0" id="home" href="index.php?action=goToHome" style="font-size: 30px; color: white; text-decoration:none; width: fit-content;">home</a>
+        </div>
+        <div class="col d-flex justify-content-center align-content-center">
+          <h2 class="text-uppercase font-weight-bold text-center" id="h2" style="width:fit-content;">Login</h2>
+        </div>
+        <div class="col-2"></div>
       </div>
       <form action="index.php?action=login" method="POST">
         <div class="user-box mb-5 position-relative">
@@ -36,7 +43,7 @@
             <span></span>
             Submit
           </button>
-          <a href="index.php?action=goToSignUp" class="right py-2 px-3">
+          <a href="index.php?action=goToSignUp" class="right py-2 px-3 btn">
             <span></span>
             <span></span>
             <span></span>
diff --git a/WEB/View/src/pages/LogSign/SignUp.php b/WEB/View/src/pages/LogSign/SignUp.php
index a700b15e..94416fc1 100644
--- a/WEB/View/src/pages/LogSign/SignUp.php
+++ b/WEB/View/src/pages/LogSign/SignUp.php
@@ -1,44 +1,56 @@
 ﻿<!DOCTYPE html>
 <html lang="fr">
+
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="./View/src/CSS/LogSign.css">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-    <script defer src="../../JS/SignUp.js"></script>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Login</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous" />
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
+    <link rel="stylesheet" href="./View/src/CSS/Login.css" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
 </head>
-<body> 
-    <div class="main">
-        <div class="login-box" id="form">
-            <div class="top">
-                <h2>Sign up</h2>
-            </div>
-            <form action="index.php?action=signUp" method="POST">
-                <div class="user-box">
-                    <input type="email" id="email" name="email" required="">
-                    <label>Email</label>
+
+<body>
+    <div class="container user-select-none">
+        <div class="login-box col-12" id="form">
+            <div class="row mb-4 d-flex align-items-center">
+                <div class="col-2 justify-content-center">
+                    <a class="material-icons p-0 m-0" id="home" href="index.php?action=goToHome" style="font-size: 30px; color: white; text-decoration:none; width: fit-content;">home</a>
+                </div>
+                <div class="col d-flex justify-content-center align-content-center">
+                    <h2 class="text-uppercase font-weight-bold text-center" id="h2" style="width:fit-content;">Sign Up</h2>
                 </div>
-                <div class="user-box">
+                <div class="col-2"></div>
+            </div>
+            <form action="index.php?action=login" method="POST">
+                <div class="user-box mb-5 position-relative">
                     <input type="text" id="username" name="username" required="">
                     <label>Username</label>
                 </div>
-                <div class="user-box">
-                    <input type="password" id="password" name="password" required="">
+                <div class="user-box mb-5 position-relative">
+                    <input type="text" id="email" name="email" required="" />
+                    <label>Email</label>
+                </div>
+                <div class="user-box mb-5 position-relative">
+                    <input type="password" id="password" name="password" required="" />
                     <label>Password</label>
                 </div>
-                <div>
-                    <button class="left" type="submit">
+                <div class="d-flex justify-content-center mt-5">
+                    <button class="py-2 px-3" type="submit">
                         <span></span>
                         <span></span>
                         <span></span>
                         <span></span>
-                        Sign up
+                        Submit
                     </button>
                 </div>
             </form>
         </div>
     </div>
 </body>
+
 </html>
\ No newline at end of file
