diff --git a/src/app/modules/home/form-play-quiz/form-play-quiz.component.css b/src/app/modules/home/form-play-quiz/form-play-quiz.component.css
index 33566cf1971ea01791b629d70a3d14c370cecc47..e783f5a679d518e29c26b974205951d08f52d9a2 100644
--- a/src/app/modules/home/form-play-quiz/form-play-quiz.component.css
+++ b/src/app/modules/home/form-play-quiz/form-play-quiz.component.css
@@ -1,5 +1,5 @@
 .container {
-    height:90vh;
+    height:100%;
     width: 100%;
     background-image: url(../../../../../public/BackgroundSubScreen.png);
     background-repeat: no-repeat;
@@ -23,7 +23,7 @@
 .button-header > button {
     background: none;
     border : none;
-    height: 80%;
+    height: 90%;
     width: 100%; 
     padding: 10px 20px;
     font-size: 16px;
@@ -42,3 +42,7 @@
     width: 80%;
 }
 
+.content {
+    height: 80%;
+    width: 100%;
+} 
\ No newline at end of file
diff --git a/src/app/modules/home/form-quiz/form-create-quiz/form-create-quiz.component.css b/src/app/modules/home/form-quiz/form-create-quiz/form-create-quiz.component.css
index ed5c9198689b7a0a136f5fd6f361ae0e2544533d..bc515bd321b05f749ae30fbc4250a2e641b7485a 100644
--- a/src/app/modules/home/form-quiz/form-create-quiz/form-create-quiz.component.css
+++ b/src/app/modules/home/form-quiz/form-create-quiz/form-create-quiz.component.css
@@ -1,6 +1,9 @@
 .container {
-    width: 100%;
+    width: 80%;
     height: 100%;
+    /* display: flex;
+    flex-direction: column;
+    justify-content: space-between; */
 }
 
 .erreur {
@@ -22,11 +25,12 @@
 }
 
 .form-control {
-    height: 100%;
+    height: 8vmin;
     width: 100%;
     border-radius: 10px;
     background-color: #FFFFFF;
     border: 4px solid #F3F3F3;
+    font-size: 4vmin;
 }
 
 .form-control:focus {