diff --git a/src/pages/LoginPage/LoginPage.jsx b/src/pages/LoginPage/LoginPage.jsx
index 4eee947..d2fe24f 100644
--- a/src/pages/LoginPage/LoginPage.jsx
+++ b/src/pages/LoginPage/LoginPage.jsx
@@ -19,7 +19,7 @@ const LoginPage = () => {
   return (
     <div className={styles.container}>
       <div className={styles.mainCard}>
-        <h1>Page de connexion</h1>
+        <div className={styles.title}>Page de connexion</div>
         <button onClick={handleLogin} className={styles.logbtn}>
           Se connecter avec Google
         </button>
diff --git a/src/pages/LoginPage/LoginPage.module.scss b/src/pages/LoginPage/LoginPage.module.scss
index de7833d..ece26f9 100644
--- a/src/pages/LoginPage/LoginPage.module.scss
+++ b/src/pages/LoginPage/LoginPage.module.scss
@@ -1,7 +1,7 @@
 html, body {
     margin: 0;
     padding: 0;
-    font-family: 'Roboto', sans-serif;
+    font-family: 'Poppins', sans-serif;
     height: 100%;
   }
   
@@ -13,12 +13,34 @@ html, body {
   }
 
   .mainCard{
-    width: 20rem;
+    width: 70rem;
     padding: 1rem;
-    background-color: white;
+    background-color: #100D25;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
+    border-radius: 1rem;
+    padding: 3rem 0rem 3rem 0rem;
   }
   
+.title{
+    font-size: 5rem;
+    font-weight: 700;
+    margin-bottom: 1rem;
+    color: white;
+    margin-bottom: 4rem;
+}
+
+.logbtn{
+    width: 100%;
+    background-color: #090325;
+    border: none;
+    color   : white;
+    padding: 10px;
+    cursor: pointer;
+    border-radius: 5px;
+    font-size: 1.5rem;
+    font-weight: 700;
+    margin-top: 1rem;
+}
\ No newline at end of file