diff --git a/src/components/form/form.jsx b/src/components/form/form.jsx
index 2771332..26728d2 100644
--- a/src/components/form/form.jsx
+++ b/src/components/form/form.jsx
@@ -11,7 +11,7 @@ function LoginForm({ className }) {
         getUser();
     }
     return (
-        <div className={className}>
+        <div className={`${className} ${"glassCard"}`}>
             <div className={styles.formgroup}>
                 <input type="email" id="email" value={email}  placeholder="Adresse mail" onChange={e => setEmail(e.target.value)} required/>
             </div>
diff --git a/src/index.css b/src/index.css
index d208144..4211e1f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -38,7 +38,8 @@ body {
 
 
 .glassCard {
-  width: 240px;
+  width: 100%;
+  padding: 10px 20px 10px 20px;
   height: 360px;
   background: rgba(255, 255, 255, 0.5);
   backdrop-filter: blur(3px);